您的位置:首页 > Web前端 > HTML

html_day04_video&audio

2017-07-18 16:29 441 查看
<!--
video标签的一些注意点:
1.autoplay属性:直接播放属性
2.controls:控制属性
3.loop:一直循环播放属性。
4.preload:preload是预加载,preload和autoplay属性是冲突的。
5.poster:在播放视频之前先加载一张图片
5.让所有浏览器兼容h5标签<script src="http://api.html5media.info/1.1.8/html5media.min.js"></script>
-->
<!--
video的格式一:
-->
<video src="images/sb1.webm"  controls="controls" loop="loop" poster="images/up.jpg">

</video>

<!--
video的第二种格式:为了解决浏览器的适配问题,才拥有了video的第二种格式
-->
<!--<video autoplay="autoplay" controls="controls" loop="loop">-->
<!--<source src="images/sb2.webm" type="video/webm"></source>-->
<!--<source src="images/sb2.ogg" type="video/ogg"></source>-->
<!--<source src="images/sb2.mp4" type="video/mp4"></source>-->
<!--</video>-->

<!--
注意点:audio和video的用法基本一致,但是要注意的是:width,heigth,poster属性在audio中是不可以使用的。
-->
<audio autoplay="autoplay" controls="controls">
<source src="images/yinyue.mp3" type="audio/mp3"></source>
</audio>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html