媒体标签
video; 视频
<video src="video/oceans.mp4" controls="controls" preload="auto" loop="loop">
您的浏览器不支持
</video>
audio; 音频
<audio src="video/oceans.mp4" controls="controls">您的浏览器不支持</audio>
<!--<video width="800" height="600"
controls="controls" 控制条
autoplay="autoplay" 自动播放
loop="loop" 循环播放
poster="img/0.jpg" 封面图 默认是视频的第一帧
>-->
<video width="800" height="600" controls="controls" poster="img/0.jpg" loop="loop">
<source src="img/introduction.mp4" type="video/mp4"></source>
<source src="myvideo.ogg" type="video/ogg"></source>
<source src="myvideo.webm" type="video/webm"></source>
<object width="" height="" data="myvideo.swf" type="application/x-shockwave-flash">
<param name="movie" value="myvideo.swf" />
<param name="flashvars" value="autost=true&file=myvideo.swf" />
</object>
当前浏览器不支持video直接播放,点击这里下载视频: <a href="myvideo.webm">下载视频</a>
</video>
<video width="800" height="">
<!--<source src="myvideo.mp4" type="video/mp4"></source>
<source src="myvideo.ogv" type="video/ogg"></source>
<source src="myvideo.webm" type="video/webm"></source>
这种代码格式支持以上三种视频文件-->
<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
<param name="movie" value="myvideo.swf" />
<param name="flashvars" value="autostart=true&file=myvideo.swf" />
</object>
当前浏览器不支持 video直接播放,点击这里下载视频: <a href="myvideo.webm">下载视频</a>
</video>
<video style="width: 600px;" src="img/introduction.mp4" controls="controls" loop="loop">
当前浏览器不支持video直接播放,点击这里下载视频:<a href="myvideo.webm">下载视频</a>
</video>
<!--<audio src="img/365221.mp3" controls="controls" autoplay="autoplay" loop="loop"></audio>
这种代码格式只支持这一种文件-->
</body>
h5新标签
最新推荐文章于 2024-05-31 10:28:00 发布