连续播放多个HTML视频

时间:2020-05-21 04:03:49

标签: javascript html optimization html5-video

因此,据我所知,YouTube的视频优化算法的很大一部分是将视频分成三秒钟,以便用户仅加载他们观看的视频部分,这很有意义。

因此,我设法用ffmpeg进行的工作就是将视频切成三秒钟。我面临的难题是,我将这51个三秒的mp4文件中的每一个存储在Amazon Backblaze B2存储桶中,并且每个都有不同的链接。

我只是想知道是否有可能以某种流畅的方式相互播放所有内容,就像一个带有某些JQuery,HTML或其他内容的视频一样,并且仅加载用户观看的片段。

我也从以下类似问题了解Mediasource api:https://developers.google.com/web/updates/2011/11/Stream-video-using-the-MediaSource-API

但是,这似乎需要完整的视频,然后将其“流式传输”到我认为可以正常工作的视频标签,但它只能与Google Chrome一起使用,这是一个很大的缺点。

我的代码当前看起来是这样,但这只是三秒钟的一部分。

    <video width="1920" height="1080" controls>
     <source src="https://f002.backblazeb2.com/b2api/v1/b2_download_file_by_id?fileId=4_z4f7a200716_f106f809ac97cfcd3_d20200521_m032927_c002_v0001133_t0038" type="video/mp4">
     Your browser does not support the video tag.
   </video>

0 个答案:

没有答案
相关问题