Ce code créera un élément vidéo avec des contr?les par défaut. L'élément vidéo sera positionné de manière absolue et remplira tout l'écran. Lorsque la lecture de la vidéo commence ou est mise en pause, l'écouteur d'événements enregistre un message sur la console.
// 獲取視頻元素 const video = document.querySelector("video"); // 為視頻控件添加事件監(jiān)聽器 video.addEventListener("play", function() { console.log("視頻開始播放"); }); video.addEventListener("pause", function() { console.log("視頻暫停"); });
video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
<video controls> <source id='mp4' src="http://media.w3.org/2010/05/sintel/trailer.mp4" type='video/mp4' /> </video>