HTML插入音频和视频：audio和video标签及其属性

1、上传到第三方网站，而后引入例如视频上传到优酷网，而后获得代码

<iframe height=498 width=510 src='http://player.youku.com/embed/XMTg1MjAzMTUwMA==' frameborder=0 'allowfullscreen'></iframe>

2、audio 标签订义声音，好比音乐或其余音频流。

1.audio支持三种音频格式ogg、mp三、wav，为了兼容性考虑，通常会引入其中的两种格式

2.属性：

autoplay 若是出现该属性，则音频在就绪后立刻播放。（注：能够autoplay=“autoplay”这种写法，也能够直接写autoplay）

controls 若是出现该属性，则向用户显示控件，好比播放按钮。（注：能够controls=“controls”这种写法，也能够直接写controls）

loop 若是出现该属性，则每当音频结束时从新开始播放。（注：能够loop=“loop”这种写法，也能够直接写loop）

preload 若是出现该属性，则音频在页面加载时进行加载，并预备播放。若是使用 "autoplay"，则忽略该属性。（load、auto、meta、none）

src 要播放的音频的 URL。（能够和列子同样的写法，引入source单标签）

3.下面是在Firefox浏览器的显示风格，其余浏览器显示风格不同，能够经过css统一格式

4.能够在开始标签和结束标签之间放置文本内容，这样老的浏览器就能够显示出不支持该标签的信息。

<audio controls autoplay loop>
        <source src="/i/horse.ogg">
        <source src="/i/horse.mp3">
        <source src="/i/horse.wav">
 您的浏览器不支持 video 标签！
</audio>

3、<video> 标签订义视频，好比电影片断或其余视频流。

1.video支持三种音频格式ogg、mp四、webm，为了兼容性考虑，通常会引入其中的两种格式

2.属性：

autoplay 若是出现该属性，则视频在就绪后立刻播放。（注：能够autoplay=“autoplay”这种写法，也能够直接写autoplay）

controls 若是出现该属性，则向用户显示控件，好比播放按钮。（注：能够controls=“controls”这种写法，也能够直接写controls）

loop 若是出现该属性，则当媒介文件完成播放后再次开始播放。（注：能够loop=“loop”这种写法，也能够直接写loop）

preload 若是出现该属性，则视频在页面加载时进行加载，并预备播放。若是使用 "autoplay"，则忽略该属性。（load、auto、meta、none）

src要播放的视频的 URL。（能够和列子同样的写法，引入source单标签）

width和height 设置视频播放器的宽度和高度。

3.下面是在Firefox浏览器的显示风格，其余浏览器显示风格不同，能够经过css统一格式

4.能够在开始标签和结束标签之间放置文本内容，这样老的浏览器就能够显示出不支持该标签的信息。

<video controls autoplay loop>
            <source src="/i/movie.ogg">
            <source src="/i/movie.mp4">
            <source src="/i/movie.webm">
            您的浏览器不支持 video 标签！
</video>