HTML之音频和视频
音频的引入
语法:<audio src="音频URL" controls="controls" autoplay="autoplay“ loop="loop" muted=”muted“ preload=”preload“>您的浏览器不支持auto</audio>
audio在网页中引入音频文件。IE8及以下版本不支持此标签。
src属性指定音频文件路径,必须要有。
controls属性显示播放空间,属性名和值一致,可以只写属性。
autoplay属性音频在就绪后马上播放音乐,属性和值一致,可以只写属性。
loop属性音频比分结束后,自动重新播放,属性和值一致,可以只写属性。
muted属性,音频输出应该被静音。属性和值一致,可以只写属性。
preload属性,页面加载时就开始加载音频,并且预备播放,和autoplay属性冲突,当有autoplay值时,preload则失效。属性和值一致,可以只写属性。
视频的引入
语法:<video src="视频URL"></video>
video在网页中引入视频频文件。IE8及以下版本不支持此标签。
src属性指定音频文件路径,必须要有。
controls属性显示播放空间,属性名和值一致,可以只写属性。
autoplay属性音频在就绪后马上播放音乐,属性和值一致,可以只写属性。
loop属性音频比分结束后,自动重新播放,属性和值一致,可以只写属性。
muted属性,音频输出应该被静音。属性和值一致,可以只写属性。
preload属性,页面加载时就开始加载音频,并且预备播放,和autoplay属性冲突,当有autoplay值时,preload则失效。属性和值一致,可以只写属性。
width属性和height指定视频宽度和高度
poster属性用于在视频加载时或用户在点击播放前显示的图片
定义媒介资源
<video width="800">
<source src="**.mp4" type="video/mp4"></source>
<source src="**.ogg" type="video/ogg"></source>
当前浏览器不支持video直接播放
</video>
source标签用来为<video>和<audio>定义媒介资源。
浏览器会自动从上往下找能识别的资源类型。
版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议,转载请保留链接: https://www.guanzhenzuo.com/programming/21.html