Html5视频设置最大播放时长

Question

我想在我的网站上设置 html5 视频播放器的最大播放持续时间。

我的网站上有一个 JUST 预览区，加载与会员区相同的完整视频（大约 10 分钟长）对我来说非常有用，但在预览区中我只想播放前 15 个视频这段视频的几秒钟。

我尝试过使用持续时间=“15”但没有用，我没有任何线索

我正在使用以下代码

        <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
            controls preload="auto" width="300" height="170" duration="10"
             poster="<?=$url_base?>fda/videofiles/vidprev2.png"
             data-setup='{"example_option":true}'>
             <source src="<?=$url_base?>fda/videos/clip1.mp4" type='video/mp4' />
             <source src="<?=$url_base?>fda/videos/clip1.webm" type='video/webm' />
             <source src="<?=$url_base?>fda/videos/clip1.ogv" type='video/ogg' />
        </video>

视频播放器工作正常，但它播放整个剪辑而不是仅播放开头

Answer 1

您可以使用媒体片段

将媒体片段添加到媒体 URL，您可以指定要播放的确切部分。要添加媒体片段，只需将 #t=[start_time][,end_time] 添加到媒体 URL 即可。例如，要在第 10 秒到第 20 秒之间播放视频，您可以指定：

    <source src="devstories.webm#t=10,20" 
        type='video/webm;codecs="vp8, vorbis"' />

您还可以以小时:分钟:秒的形式指定时间，例如 #t=00:01:05 以在一分五秒后开始播放视频。或者，要仅播放视频的第一分钟，您可以指定#t=,00:01:00。

您需要确保服务器支持范围请求：检查接受范围：字节。Apache 和许多其他服务器默认启用该功能，但值得检查一下。