> 웹 프론트엔드 > HTML 튜토리얼 > HTML 学习总结 9_html/css_WEB-ITnose

HTML 学习总结 9_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:46:47
원래의
890명이 탐색했습니다.

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效果是一样的

  

 

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿