HTML5--视频播放

Posted Lsec

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5--视频播放相关的知识,希望对你有一定的参考价值。

实例代码:
<video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video>

<video> 标签的属性

属性描述
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload preload

如果出现该属性,则视频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src url 要播放的视频的 URL。
width pixels 设置视频播放器的宽度。

以上是关于HTML5--视频播放的主要内容,如果未能解决你的问题,请参考以下文章

HTML5 视频播放器:动态加载视频

使用 html5 视频播放器播放视频后重定向页面

使用 HTML5 视频标签播放视频

html5 视频无法在 iPad 上播放 - 在 iPhone 上播放

html5 播放事件与视频标签中的播放事件

仅在视频播放时进行视频控制 (html5)