gpt4 book ai didi

html5 视频元素,开始和结束时间

转载 作者:太空狗 更新时间:2023-10-29 14:08:00 24 4
gpt4 key购买 nike

我有一个 html5 视频元素。

 <video id="video" loop="loop">
<source src="src.mov">
</video>

我希望它在视频中的特定时间开始(假设... 10 秒)并在特定时间(27 秒)结束

我知道您可以在 JavaScript 中执行此操作,但我想在 html 中执行此操作。视频元素是否有开始/结束时间标签?

最佳答案

您可以 specify a playback range通过将开始和结束时间附加到源 URL。

时间的格式应该是:

#t=[starttime][,endtime]

来自 MDN:

The playback range portion of the media element URI specification was added to Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6).

这是播放视频的示例,从第 2 秒开始到第 3 秒结束:

<video controls autoplay> 
<source src=http://techslides.com/demos/sample-videos/small.webm#t=2,3 type=video/webm>
<source src=http://techslides.com/demos/sample-videos/small.ogv#t=2,3 type=video/ogg>
<source src=http://techslides.com/demos/sample-videos/small.mp4#t=2,3 type=video/mp4>
<source src=http://techslides.com/demos/sample-videos/small.3gp#t=2,3 type=video/3gp>
</video>

引用资料:

Temporal Dimension of Media Fragments URI
Record of Mozilla integration (bug 648595)

示例视频来自techslides.com

关于html5 视频元素,开始和结束时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26665280/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com