<video>标签专门用来播放网络上的视频或电影,<audio>标签则专门用来播放网络上的音频数据。使用这两个标签,就不再需要使用其他的任何插件了,只要使用支持 HTML5 的浏览器就可以了。
语法:
<audio src="">
您的浏览器不支持audio标签!
</audio>
<audio autoplay="autoplay" /> //自动播放
<audio controls="controls" /> //提供播放控件
通过这种方法,可以把指定的音频数据直接嵌入网页,其中“ 您的浏览器不支持audio标签!"为在不支持<audio>标签的浏览器中所显示的替代文字。
语法:
<video width="640" height="360" src="">
您的浏览器不支持video标签!
</video>
<audio autoplay="autoplay" /> //自动播放
<audio controls="controls" /> //提供播放控件
还可以通过使用<source>标签来为同一个媒体数据指定多个播放格式与编码方式,以确保浏览器可以从中选择一种自己支持的播放格式进行播放,浏览器的选择顺序为代码中的书写顺序,它会从上往下判断自己对该播放格式是否支持,直到选择到自己支持的播放格式为止。其使用方法如下:
<video width="640" height="360">
<!-- 在Ogg theora格式、Quicktime格式与MP4格式之间选择自己支持的播放格-->
<source src=" " type="video/ogg; codecs='theora,vorbis"/>
<source src=" ”type="video/quicktime"/>
</video>
src:是指播放媒体的 URL 地址。
type:表示媒体类型,其属性值为播放文件的 MIME 类型,该属性中的 codecs 参数表示所使用的媒体的编码格式。<!doctype html> <html> <head> <title>多媒体标签</title> </head> <body> <marquee direction="right" behavior="alternate" scrollamount="15" scrolldelay="10" loop="2" height="100" bgcolor="ABCDEF" > <font face="隶书" color="#0066FF" size="5">行尽天涯静默山水间,倾听晚风拂柳笛声残</font> </marquee> <video controls="controls" src="F:\web_project\demo\故乡.wav"> 您的浏览器不支持video标签! </video><br><br> <video width="640" height="360" controls="controls" src="G:\视频\德云社2017跨年-郭德纲2017跨年相声-720P.mp4"> 不支持! </video><br><br><br><br> </body> </html>