css 制作视频播放

html-css014

css 制作视频播放,第1张

<video controls="controls" >此标签中添加preload="auto"是预备播放点击后播放, 添加autoplay="autoplay"可以实现自动播放,详见W3school教程:网页链接

<video src="你要插入视频音频的地址(Url)">

</video>

video标签只支持三种:

MP4格式的H264编码视频文件和MP4格式的AAC编码音频的文件

WebM格式的VP8编码视频文件和WebM格式的Vorbis编码音频的文件

Ogg格式的Theora编码视频文件和Ogg格式的Vorbis编码音频的文件

html的播放格式要求非常苛刻 

即便你是mp4视频文件但是编码不是H264依然播放不了

通常情况下,使用<video>标签插入视频。这是HTML5中新增加的标签,某些老版本浏览器可能不会兼容(例如ie7)。简单设置视频的样式和控件即可(下面是代码)。

对于早期浏览器,使用Adobe flashplayer插件加载视频吧。

<video src="url" autoplay="autoplay" loop="loop" controls="controls" width="XXXpx">

    请更新你的浏览器到最新版本

</video>