Question

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

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

我尝试过使用duration =“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。

您需要确保服务器支持范围请求：检查Accept Ranges：bytes。它默认为Apache和许多其他服务器启用，但值得检查。

Html5视频设置最大播放持续时间

1 个答案: