HTML5 R

1. 如何实现在网页上播放视频和音频？

视频元素

video

 

 

1. 主流浏览器支持的视频格式

示例

<video controls>

    <source src="video/video.webm" type="video/webm"/>

    <source src="video/video.mp4" type="video/mp4"/>

</video>

自动播放属性

1. 1. Autoplay

<video autoplay>

    <source src="video/video.webm" type="video/webm"/>

    <source src="video/video.mp4" type="video/mp4"/>

    你的浏览器不支持video元素

</video>

 

 

音频元素

audio

1.   主流浏览器支持的音频格式

1. 主流浏览器支持的音频格式

示例

       <audio controls>

           <source src="music/music.mp3" type="audio/mpeg"/>

           <source src="music/music.ogg" type="audio/ogg"/>

             你的浏览器不支持audio元素

</audio>

 

<header><h2>网页头部</h2> </header>  <section><h2>网页主体部分</h2></section>  <footer><h2>网页底部</h2></footer>

Iframe 内联框架

语法

      

 

提示

  可以设置src的属性值为http://www.bdqn.cn，在这个页面中也可以打开一个线上的网页

 

示例

<iframe src="https://daohang.qq.com/?fr=hmpage" name="mframe" ></iframe>

 

 

1. <iframe>属性（实现页面间的相互跳转）
   1. 在被打开的框架上加name属性

 

<iframe name="mainFrame" src="subframe/the_second.html" />

1. 1. 在超链接上设置target目标窗口属性为希望显示的框架窗口名

 

<a href="subframe/the_second.html "  target="mainFrame">下边显示第二页</a>