Latest web development tutorials

HTMLオーディオ/ビデオ

HTMLオーディオ/ビデオDOMリファレンス

HTML5の<audio>のDOMとの<video>要素には、メソッド、プロパティ、およびイベントを提供します。

これらのメソッド、プロパティ、およびあなたが<オーディオ>と<映像>要素を操作するためにJavaScriptを使用することを可能にするイベント。

HTML形式のオーディオ/ビデオ方法

方法 描述
addTextTrack() 向音频/视频添加新的文本轨道。
canPlayType() 检测浏览器是否能播放指定的音频/视频类型。
load() 重新加载音频/视频元素。
play() 开始播放音频/视频。
pause() 暂停当前播放的音频/视频。

HTMLオーディオ/ビデオのプロパティ

属性 描述
audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。
autoplay 设置或返回是否在加载完成后随即播放音频/视频。
buffered 返回表示音频/视频已缓冲部分的 TimeRanges 对象。
controller 返回表示音频/视频当前媒体控制器的 MediaController 对象。
controls 设置或返回音频/视频是否显示控件（比如播放/暂停等）。
crossOrigin 设置或返回音频/视频的 CORS 设置。
currentSrc 返回当前音频/视频的 URL。
currentTime 设置或返回音频/视频中的当前播放位置（以秒计）。
defaultMuted 设置或返回音频/视频默认是否静音。
defaultPlaybackRate 设置或返回音频/视频的默认播放速度。
duration 返回当前音频/视频的长度（以秒计）。
ended 返回音频/视频的播放是否已结束。
error 返回表示音频/视频错误状态的 MediaError 对象。
loop 设置或返回音频/视频是否应在结束时重新播放。
mediaGroup 设置或返回音频/视频所属的组合（用于连接多个音频/视频元素）。
muted 设置或返回音频/视频是否静音。
networkState 返回音频/视频的当前网络状态。
paused 设置或返回音频/视频是否暂停。
playbackRate 设置或返回音频/视频播放的速度。
played 返回表示音频/视频已播放部分的 TimeRanges 对象。
preload 设置或返回音频/视频是否应该在页面加载后进行加载。
readyState 返回音频/视频当前的就绪状态。
seekable 返回表示音频/视频可寻址部分的 TimeRanges 对象。
seeking 返回用户是否正在音频/视频中进行查找。
src 设置或返回音频/视频元素的当前来源。
startDate 返回表示当前时间偏移的 Date 对象。
textTracks 返回表示可用文本轨道的 TextTrackList 对象。
videoTracks 返回表示可用视频轨道的 VideoTrackList 对象。
volume 设置或返回音频/视频的音量。

HTMLオーディオ/ビデオイベント

イベント 説明
中止 火災は、オーディオ/ビデオ負荷が放棄されたとき。
canplay 火災ブラウザは、オーディオ/ビデオの再生を開始することができます。
canplaythrough ブラウザが原因でバッファリングに一時停止することなく再生することができる火災。
durationchange 時間のオーディオ/ビデオの長さが変更されたときに発生。
空に 火災現在のプレイリストが空です。
終了しました 現在のプレイリストが終了したときに発生。
エラー ロード中にエラーがオーディオ/ビデオの中で発生したときにトリガされます。
loadeddata ブラウザは、現在のフレームのオーディオ/ビデオをロードしたときに発生。
loadedmetadata ブラウザは、オーディオ/ビデオのメタデータをロードしたときに発生。
loadstart 火災ブラウザは、オーディオ/ビデオを探し始めます。
ポーズ オーディオ/ビデオが一時停止されたときに発生。
遊びます オーディオ/ビデオが起動していないか、もはや中断される火災。
再生 バッファリング火災オーディオ/ビデオ、および一時停止または準備ができた後に停止します。
進捗 火災ブラウザは、オーディオ/ビデオをダウンロードしています。
ratechange オーディオ/ビデオの再生速度を変更したときに発生。
シーク 火災、ユーザーが新しい場所にオーディオ/ビデオに/ジャンプを移動しなければなりません。
探求 火災、ユーザーが新しい位置にオーディオ/ビデオに/ジャンプを移動し始めます。
行き詰まりました ときに、ブラウザは、メディアデータを取得しようとしますが、トリガーされたときのデータは利用できません。
サスペンド ブラウザが起動されると意図的にメディア・データを取得できません。
timeupdate 現在の再生位置が変化したときに発生。
volumechange ボリュームが変更されたときに発生します。
待っています 次停止するときに、ビデオフレームバッファをトリガする必要性に起因します。