最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

HTML学习总结9_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:03:49
文档

HTML学习总结9_html/css_WEB-ITnose

HTML学习总结9_html/css_WEB-ITnose:1、嵌入音频和视频 对于音频片段,传统的递送方法是使用或者标记符将片段嵌入到页面,而HTML5提供了标记符来做这件事 2、介绍标记符 (1)一个简单的标记符如下所示: 根据网站访问者的需要,可以通过不同的属性和方法来使用标记符,使其更加容易配置。
推荐度:
导读HTML学习总结9_html/css_WEB-ITnose:1、嵌入音频和视频 对于音频片段,传统的递送方法是使用或者标记符将片段嵌入到页面,而HTML5提供了标记符来做这件事 2、介绍标记符 (1)一个简单的标记符如下所示: 根据网站访问者的需要,可以通过不同的属性和方法来使用标记符,使其更加容易配置。


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

  

文档

HTML学习总结9_html/css_WEB-ITnose

HTML学习总结9_html/css_WEB-ITnose:1、嵌入音频和视频 对于音频片段,传统的递送方法是使用或者标记符将片段嵌入到页面,而HTML5提供了标记符来做这件事 2、介绍标记符 (1)一个简单的标记符如下所示: 根据网站访问者的需要,可以通过不同的属性和方法来使用标记符,使其更加容易配置。
推荐度:
标签: 学习 html css
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

Top