偶然发现某博客支持在线视频播放,于是查找资料发现可用 HTML 5 实现。
演示
视频名:ARAD戦记 宣传片
标签属性
这里用的 Video
标签含有 src
poster
preload
controls
width
height
可用。
实例配置
<video width="100%" height="444px" poster="预显示图片链接" preload="none" controls="controls">
<source src="视频文件地址" /></video>
参数列表
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则视频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop | loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
muted | muted | 规定视频的音频输出应该被静音。 |
poster | URL | 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。 |
preload | preload | 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 >"autoplay",则忽略该属性。 |
src | url | 要播放的视频的 URL。 |
height | pixels | 设置视频播放器的高度。 |
width | pixels | 设置视频播放器的宽度。 |
附录
参考链接
本文由 柒 创作,采用 知识共享署名4.0
国际许可协议进行许可。
转载本站文章前请注明出处,文章作者保留所有权限。
最后编辑时间: 2023-12-06 09:22 AM