HTML5 视频播放测试页面
昆虫养殖 暂无评论

偶然发现某博客支持在线视频播放,于是查找资料发现可用 HTML 5 实现。

演示

视频名:ARAD戦记 宣传片

标签属性

这里用的 Video 标签含有 src poster preload controls width height 可用。

实例配置

<video width="100%" height="444px" poster="预显示图片链接" preload="none" controls="controls">
<source src="视频文件地址" /></video>

参数列表

属性描述
autoplayautoplay如果出现该属性,则视频在就绪后马上播放。
controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。
looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。
mutedmuted规定视频的音频输出应该被静音。
posterURL规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
preloadpreload如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 >"autoplay",则忽略该属性。
srcurl要播放的视频的 URL。
heightpixels设置视频播放器的高度。
widthpixels设置视频播放器的宽度。

附录

参考链接

本文撰写于一年前,如出现图片失效或有任何问题,请在下方留言。博主看到后将及时修正,谢谢!
禁用 / 当前已拒绝评论,仅可查看「历史评论」。