HTML基础知识总结(4)

直到现在,仍然不存在一项旨在网页上播放音频的标准。大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。

<audio controls > <source src = "horse.ogg" type = "audio/ogg" > <source src = "horse.mp3" type = "audio/mpeg" > 您的浏览器不支持 audio 元素。 </audio>

PS : control 属性供添加播放、暂停和音量控件。
在 <audio> 与 </audio> 之间你需要插入浏览器不支持的 <audio> 元素的提示文本 。
<audio> 元素允许使用多个 <source> 元素 . <source> 元素可以链接不同的音频文件,浏览器将使用 第一个支持的音频文件

目前 , <audio> 元素支持三种音频格式文件 : MP3, Wav, 和 Ogg:

音频格式的 MIME 类型

Format       MIME-type
MP3           audio/mpeg
Ogg           audio/ogg
Wav           audio/wav

HTML5 中新增的视频

<video width = "320" height = "240" controls > <source src = "movie.mp4" type = "video/mp4" > <source src = "movie.ogg" type = "video/ogg" > 您的浏览器不支持 Video 标签。 </video>

<video> 元素提供了 播放、暂停和音量控件来控制视频。
同时 <video> 元素也提供了 width 和 height 属性控制视频的尺寸 . 如果设置的高度和宽度,所需的
视频空间会在页面加载时保留。如果没有设置这些属性,浏览器不知道大小的视频,浏览器就不能再加载时
保留特定的空间,页面就会根据原始视频的大小而改变。
<video> 与 </video> 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。

当前, <video> 元素支持三种视频格式: MP4, WebM, 和 Ogg:

Format     MIME-type
MP4         video/mp4
Ogg          audio/ogg
WebM       video/webm

<!DOCTYPE html> <html> <head> <meta charset = "UTF-8" > <title> 视频音频 </title> </head> <body> <h1> 音频 </h1> <audio controls > <source src = "audio/wgs.ogg" type = "audio/ogg" > <source src = "audio/zjl.mp3" type = "audio/mpeg" > 您的浏览器不支持 audio 元素。 </audio> <h1> 视频 </h1> <video width = "1320" height = "640" controls > <source src = "audio/ruhai.mp4" type = "video/mp4" > <source src = "audio/wgs.ogg" type = "video/ogg" > 您的浏览器不支持Video标签。 </video> </body> </html>

HTML5 中已经移除的元素

frame

frameset

noframes

转义符号

HTML基础知识总结

到此这篇关于HTML基础知识总结的文章就介绍到这了,更多相关HTML基础知识内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwwpxg.html