HTML5媒体元素(audio与video)及其常用属性详解

您所在的位置:网站首页 table标签的常用属性及意义有哪些类型和功能 HTML5媒体元素(audio与video)及其常用属性详解

HTML5媒体元素(audio与video)及其常用属性详解

2024-07-09 08:51| 来源: 网络整理| 查看: 265

HTML5媒体元素(audio与video)及其常用属性详解

HTML 音频(Audio)元素

HTML5 元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。 The element works in all modern browsers.

互联网上的音频

直到现在,仍然不存在一项旨在网页上播放音频的标准。

今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。

HTML5 规定了在网页上嵌入音频元素的标准,即使用 元素。

HTML 音频/视频 方法

HTML5 DOM 为 和 元素提供了方法、属性和事件。 这些方法、属性和事件允许您使用 JavaScript 来操作 和 元素。

方法描述addTextTrack()向音频/视频添加新的文本轨道。canPlayType()检测浏览器是否能播放指定的音频/视频类型。play()开始播放音频/视频。pause()暂停当前播放的音频/视频。 audio元素的常用属性 属性描述autoplay设置或返回是否在加载完成后随即播放音频。controls设置或返回音频/视频是否显示控件(比如播放/暂停等)。currentTime设置或返回音频中的当前播放位置(以秒计)。duration返回当前音频的长度(以秒计)ended返回音频的播放是否已结束。loop设置或返回音频/视频是否应在结束时重新播放。paused设置或返回音频/视频是否暂停。preload设置或返回音频/视频是否应该在页面加载后进行加载。

以下我们将使用 标签来描述 MP3 文件(Internet Explorer、Chrome 以及 Safari 中是有效的), 同样添加了一个 OGG 类型文件(Firefox 和 Opera浏览器中有效)。 如果失败,它会显示一个错误文本信息:

Your browser does not support this audio format. HTML5 视频(Video)元素 video元素的常用属性 属性描述autoplay设置或返回是否在加载完成后随即播放音频。controls设置或返回音频/视频是否显示控件(比如播放/暂停等)。loop如果出现改属性,那么在媒体文件在完成播放后再次开始播放width设置视频播放器的宽度。preload设置或返回音频/视频是否应该在页面加载后进行加载。

以下实例中使用了 4 种不同的视频格式。 HTML 5 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。 如果均失败,则回退到 元素。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3