video标签和audio标签
作用:播放视频
格式:
<video src="xxx.mp4"></video>
video属性
src:需要播放的视频地址
autoplay=“autoplay”是否自动播放
controls=“controls”用于告诉video是否需要显示控制条
poster=“xxx.jpg”用于告诉video视频没有播放前的占位图片
loop:一般用于坐广告视频:告诉video视频播放完毕后是否需要循环播放
preload:预加载视频,但需要注意preload与autoplay相冲,即设置了autoplay属性,则preload失效
muted:静音
width/height设置宽高
video第二种格式
<video>
<source src="images/sb1.wenm/ogg/mp4" type="video/webm/ogg/mp4">
</video>
原因:video视频非常重要以至于五大浏览器厂商都不愿意支持别人的视频格式(webm/ogg/mp4)w3c为解决这一问题,推出了第二个video标签格式。
video第二种格式就是为了解决浏览器适配问题。
实例:
<video autoplay="autoplay" controls="controls">
<source src="images/sb1.webm" type="video/webm">
<source src="images/sb1.ogg" type="video/oqq" >
<source src="images/sb1.mp4" type="video/mp4" >
</video>
audio标签
作用:播放音乐
注意点:
audio与video基本一样,只有三个不同,width、height、poster不能用。
格式:
<audio src="images/yinyue.mp3" controls="controls"></audio>
<audio controls="controls">
<source src="images/yinyue.mp3" type="audio/mp3">
</audio>
详情和概要
<details>
<summary>郑伊健</summary>
个人信息:179cm/65Kg/天秤座/B
代表作品:古惑仔、风云雄霸天下、第一诫、九龙冰室、中...
简介:郑伊健(Ekin Cheng),1967年10月4日出生于中国香港.
</details>