HTML5+CSS3学习笔记4 内联框架+音视频播放

P25-P26

• P25 内联框架
• P26 音视频播放

内联框架

内联框架：用于向当前页面中引入一个其他页面。

• src 指定要引入的网页的路径
• frameborder 指定内联框架的边框

<iframe src="http://game.163.com/" width="800" height="600" frameborder="0"></iframe>

音视频播放

qudio 标签用来向页面中引入一个外部的音频文件的
音视频文件引入时，默认情况下不允许用户自己控制播放停止

属性：

• controls 是否允许用户控制播放
• autoplay 音频文件是否自动播放
  • 如果设置了autoplay，则音乐在打开页面时会自动播放，但是目前来讲大部分浏览器都不会自动对音乐进行播放
• loop 音乐是否循环播放

<audio src="./source/audio.mp3" controls autoplay></audio>

除了通过src来指定外部文件的路径以外，还可以使用source来指定文件

<audio controls>
    对不起，您的浏览器不支持播放音频！请升级浏览器！
    <source src="./source/audio.mp3">
    <source crc="./source/audio.ogg">
</audio>

使用 video 标签来向网页中引入一个视频。

<vedio>
    <dource src="./source/flower.webm">
    <dource src="./source/flower.mp4">
</vedio>