Le contrôle de l'élément vidéo HTML ne s'affiche pas

Question

J'ai créé un élément vidéo et défini l'attribut Controls sur True, mais les contrôles ne s'affichent pas (même en survol) if(!this._player){this._player=document.createElement('video');}this._player. CONTROLS=true;this._player.src=xxxxx;Définissez également la largeur de l'élément vidéo à 100 % et la position du conteneur est relative. Que dois-je faire pour afficher la valeur par défaut.

P粉921130067 · Answer

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");

// 为视频控件添加事件监听器
video.addEventListener("play", function() {
  console.log("视频开始播放");
});

video.addEventListener("pause", function() {
  console.log("视频暂停");
});

video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}