Heim >Web-Frontend >HTML-Tutorial >HTML 学习总结 9_html/css_WEB-ITnose

HTML 学习总结 9_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:46:47882Durchsuche

1、嵌入音频和视频

  对于音频片段,传统的递送方法是使用或者标记符将片段嵌入到页面,而HTML5提供了

    

2、介绍标记符

  (1)一个简单的

  

  根据网站访问者的需要,可以通过不同的属性和方法来使用

  我们使用width和height属性来设置视频在网页上显示的宽度和高度,例如:

  

 (2)controls属性决定是否在浏览器中显示默认的一系列播放控件,实际上,如果不适用controls属性,网页访问者除非重新转载整个网页,否则无法重播视频。

      controls属性的例子如下所示:

      

 (3)preload 属性告诉浏览器,一旦遇到该元素,马上开始下载视频文件。

 (4) loop属性告诉浏览器,视频播放完毕后马上重新播放,如下所示:

    

 (5)autoplay属性使得视频在网页上装载完毕后马上开始播放,

  将前面的属性放在一起,就产生了实际应用中的视频因素:

  

3、标记符:备用计划

  如果访问者使用不支持HTML5的老版本浏览器,在这种情况下,他们不能通过

  

4、通过

 (1)和

  controls、autoplay、loop、preload这样的属性。因此、

  和视屏文件一样,也需要将音频流嵌入到Flash对象中,以满足老版本IE用户的需求。

    (2)在老版本浏览器中播放音频

    和视频一样,在老版本的浏览器中播放音频需要使用标记符中,当用在视频时,通常要用到两个属性,src和autostart。src配置音频文件的资源文件的位置。     autostart控制音频片段是否在网页上装载完毕后自动播放,

    

      

      

      

    

  在默认情况下,包含会自动播放。如果不想这么多,可以增加autostart=“false”属性标记符,如下所示:

   

  另外一个常用的标记符的属性是loop,当设置loop属性为true或infinite时,音频文件片段播放完后会马上重播,这个属性也可以设置成false来表明音频应该仅重播  一次,然而在默认情况下,音频文件仅播放一次,因此略去loop属性和设置其为false效果是一样的

  

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn