使用video标签
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
你的浏览器不支持video
</video>
control 属性可以添加播放、暂时、音量控件。
source标签链接着资源文件,会默认使用第一个资源文件,如果不支持或者请求失败使用第二个资源文件
如果浏览器不支持video标签则显示文本,你的浏览器不支持video标签
属性:
主要属性 aotoplay 表示视频就绪后自动播放
controls 显示视频控件
loop当视频文件播放完后再次播放
preload 视频在页面加载时进行加载,并预备播放,如果有autoplay属性时,会忽略该事件