<Video/> component: mp4 doesn't work with m4v container

Vega Open Beta Q&A
1

We are struggling with this behaviour:

------ WORKS FINE:
          
          <Video
            autoplay={false}
            controls={false}
            onError={() => {
              console.log('Video error');
            }}
            onCanPlay={() => {
              video.current?.play();
            }}
            src={'https://creativemedia3-rai-it.akamaized.net/podcastcdn/Rai/trailer_raiplay_onlymp4/25563397.mp4'}
            key={trailerUrl}
            ref={ref => {
              video.current = ref;
            }}
          />
 
------ DOES NOT WORK:
 
          <Video
            autoplay={false}
            controls={false}
            onError={() => {
              console.log('Video error');
            }}
            onCanPlay={() => {
              video.current?.play();
            }}
            src={'https://creativemedia3-rai-it.akamaized.net/podcastcdn/Rai/trailer_raiplay_onlymp4/27053802.mp4'}
            key={trailerUrl}
            ref={ref => {
              video.current = ref;
            }}
          />

the only difference is src, but both content have same codec.

Thanks for your support.

App Name: RaiPlay

3

25563397.json (18.4 KB)

27053802.json (15.0 KB)

I attached the json metadata of both mp4, i noticed that the mp4 that works (25563397) has start_time: 0 (3.streams[0].start_time) while 27053802 has start_time: 0.08, could this be the problem?

4

Thanks @Dev_Rai for sharing the details.

I have reported this to our internal team.

Thanks,
Rohit

6

Hi @Dev_Rai ,

Our team was able to root cause the issue and has provided recommendations to fix this.

1. Root cause: mp4 playing doesn’t work with some content because of issue with video’s metadata
2. Recommendation: Suggesting developer app team to correct metadata for non working video and set start time to 0.

Please check the recommendations and let us know if this helps fix the issue.

Thanks,
Rohit

7

Thanks for your response,

We have more detail for this content:

https://creativemedia3-rai-it.akamaized.net/podcastcdn/Rai/trailer_raiplay_onlymp4/27053802.mp4

It has m4v (Apple) container and we observed that all contents with m4v container doesn’t works.