HTML5：插入视频及在视频层面上执行的操作

最新推荐文章于 2024-12-01 23:54:11 发布

转载最新推荐文章于 2024-12-01 23:54:11 发布 · 1.5k 阅读

文章标签：

#html5 #url #chrome #360 #浏览器 #video

Web开发专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用HTML5插入和播放视频，并提供了一个演示链接。详细解释了HTML5视频标签的各种参数及其作用，如autoplay、controls等，并给出了示例代码。此外，还提供了关于视频文件格式（如MP4和OGG）的参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DEMO：http://craftymind.com/factory/html5video/CanvasVideo.html 点击播放的视频将产生奇特的效果。
注：请使用FF及Chrome浏览器浏览DEMO
HTML5插入视频的方法：

HTML5视频文件的参数设置：
autoplay true | false 如果是 true，则视频在就绪后马上播放。
controls true | false 如果是 true，则向用户显示控件，比如播放按钮。
end numeric value 定义播放器在视频流中的何处停止播放。默认地，声音会播放到结尾。
height pixels 设置视频播放器的高度。
loopend numeric value 定义在视频流中循环播放停止的位置，默认是 end 属性的值。
loopstart numeric value 定义在视频流中循环播放的开始位置。默认是 start 属性的值
playcount numeric value 定义视频片段播放多少次。默认是 1。
poster url 在视频播放之前所显示的图片的 URL。
src url 要播放的视频的 URL。
start numeric value 定义播放器在音频流中开始播放的位置。默认地，声音在开头进行播放。
width pixels 设置视频播放器的宽度。

补充文档资料
HTML 5 参考手册：http://www.w3school.com.cn/html5/
HTML 5 视频使用资料参考：http://diveintohtml5.org/video.html
OGG百度百科：http://baike.baidu.com/view/411458.html
OGG wike：http://en.wikipedia.org/wiki/Ogg