HTML——audio标签和video标签

    <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>


  <source>标签具有以下两个属性

      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>



猜你喜欢

转载自blog.csdn.net/qq_41573234/article/details/80316663
今日推荐