如何创建指向独立视频特定时间戳的URL(HTML5 video适用)
给独立HTML5视频URL添加时间戳,实现指定位置播放
当然可以,针对这类非YouTube/Vimeo平台的独立HTML5视频,主要有两种实用方法:
1. 直接修改URL添加时间戳片段
现代主流浏览器(Chrome、Firefox、Safari、Edge等)都支持在视频URL末尾加#t=时间参数,指定起始播放位置:
- 用秒数指定:比如你要从54秒开始播放,修改后的URL是:
https://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4#t=54 - 用时分秒格式指定:如果是1分20秒这类时间,可以写成
#t=01:20,或者完整格式#t=00:01:20
直接在浏览器地址栏打开这个修改后的URL,播放器就会自动从指定时间点开始播放。
2. 嵌入网页时设置起始属性(自己控制嵌入代码的情况)
如果是你自己把视频嵌入到网页中,不需要修改URL,直接在<video>标签里加start属性即可:
<video src="https://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4" start="54" controls></video>
这种方式更灵活,适合自己开发网页时使用。
小提醒
- URL片段的方法依赖浏览器原生播放器支持,老旧浏览器可能不兼容,但目前主流浏览器都没问题;如果是第三方网站嵌入你的视频,要看对方播放器能否解析这个
#t参数。 - 两种方法都不需要视频服务器做额外配置,完全是客户端(浏览器/播放器)层面的处理。
内容的提问来源于stack exchange,提问作者oliver
相关产品推荐
相关产品推荐

