Audio/Video

Audio/Video 方法

addTextTrack() canPlayType() load() play() pause()

Audio/Video 属性

audioTracks autoplay buffered controller controls crossOrigin currentSrc currentTime defaultMuted defaultPlaybackRate duration ended error loop mediaGroup muted networkState paused playbackRate played readyState readyState seekable seeking src startDate textTracks videoTracks volume

Audio/Video 事件

onabort oncanplay oncanplaythrouth ondurationchange emptied onended onerror onloadeddata onloadedmetadata onloadstart onpause onplay onplaying onprogress onratechange onseeked onseeking onstalled onsuspend ontimeupdate onvolumechange onwaiting

JavaScript对象

基础内容

基础

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events

浏览器BOM

Window Navigator Screen History Location

html对象

a abbr address area article aside audio b base bdo blockquote body br button canvas caption cite code col colgroup datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1~h6 head hr html i iframe img input button input checkbox input color input date input datetime input datetime-local input email input file input hidden input image input month input number input password input radio input range input reset input search input submit input text input time input url input week ins kbd keygen label legend li link map mark menu meta meter nav object ol optgroup option output p param pre progress q s samp script scetion select small source span strong style

controller属性 返回代表当前媒体控制器的MediaController对象

使用controller属性返回代表当前媒体控制器的MediaController对象。

如果指定了媒体控制器,controller属性将作为MediaController事件返回。

注:使用controls属性设置或返回视频是否带有基本用户操作界面。

属性值及其说明
说明
MediaController事件 表示声频、视频的媒体控制器。MediaController事件的属性:
  • buffered:获取声频、视频的缓冲信息
  • seekable:获取声频、视频的滑条
  • duration:获取声频、视频的长度
  • currentTime:设置或获取当前视频、声频的播放的位置
  • paused:检查声频、视频是否暂停
  • play():播放
  • pause():暂停
  • played:检查视频是否播放完毕
  • defaultPlaybackRate:设置或获取视频、声频的默认播放速率
  • playbackRate:获取或设置视频、声频的当前播放速率
  • volume:获取或设置视频、声频的音量
  • muted:获取或设置是否静音
注:
JavaScript 语法:audio/video.controller;

使用例


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<button onclick="myFunction()" type="button">点击查看是否带有媒体控制器</button><br>

<video id="video1" width="480" height="270" controls="controls">

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

<source src="material/sample.ogv" type="video/ogg"/>

你的浏览器不支持HTML5 video.

</video>

<script>

var vid = document.getElementById("video1");

function myFunction() {

alert("Controller: " + vid.controller);

}

</script>

</body>

</html>

不同浏览器的对应情况

属性
controller X X X X X