Latest web development tutorials

HTML Audio / Vidéo

HTML Audio / Vidéo Référence du DOM

HTML5 DOM pour le <audio> et <video> élément fournit des méthodes, des propriétés et des événements.

Ces méthodes, propriétés et événements qui vous permettent d'utiliser JavaScript pour manipuler la <audio> et <video> éléments.

Méthode audio / vidéo HTML

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

HTML Audio / Propriétés vidéo

属性 描述
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 Audio / Vidéo Événement

événement description
avorter Se déclenche lorsque la charge audio / vidéo a été abandonnée.
CANPLAY Se déclenche lorsque le navigateur peut commencer à jouer l'audio / vidéo.
canplaythrough Se déclenche lorsque le navigateur peut être joué sans pause en raison de tampon.
durationChange Se déclenche lorsque la longueur audio / vidéo de temps a changé.
vide Se déclenche lorsque la liste de lecture en cours est vide.
terminé Se déclenche lorsque la liste de lecture en cours est terminé.
erreur Elle est déclenchée lorsqu'une erreur se produit dans les données audio / vidéo pendant le chargement.
loadeddata Se déclenche lorsque le navigateur a chargé un audio / vidéo de la trame courante.
loadedmetadata Se déclenche lorsque le navigateur a chargé un métadonnées audio / vidéo.
loadstart Se déclenche lorsque le navigateur commencer à regarder pour l'audio / vidéo.
pause Se déclenche lorsque l'audio / vidéo est en pause.
jouer Se déclenche lorsque l'audio / vidéo a commencé ou plus en suspension.
jouer Se déclenche lorsque l'audio / vidéo en raison de tampon et de pause ou d'arrêt après prêt.
progrès Se déclenche lorsque le navigateur télécharge l'audio / vidéo.
ratechange Se déclenche lorsque la vitesse de lecture audio / vidéo a changé.
seeked Se déclenche lorsque l'utilisateur doit se déplacer / saut à l'audio / vidéo dans un nouvel emplacement.
recherche Se déclenche lorsque l'utilisateur commence à se déplacer / saut à l'audio / vidéo vers une nouvelle position.
au point mort Lorsque le navigateur tente d'obtenir des données de médias, mais les données ne sont pas disponibles en cas de déclenchement.
suspendre Lorsque le navigateur est déclenchée volontairement pas obtenir des données de médias.
timeupdate Se déclenche lorsque la position actuelle de la lecture a changé.
volumechange Se déclenche lorsque le volume a été modifié.
attente En raison de la nécessité de déclencher lorsque la mémoire tampon de trame vidéo à l'étape suivante.