此网站为管振佐的个人博客,终身学习记录!
当前位置首页 > 编程> 正文

HTML之音频和视频

10-16 638 编程

音频的引入

语法:<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

博客主人管振佐
男,河南人,做事情比较执着而已。
曾梦想仗剑走天涯,看一看世界的繁华,年少的心总有些轻狂,如今你四海为家...每一次难过的时候,就独自看一看大海...经历了人生百态世间的冷暖...

标签