Kawalan elemen video HTML tidak dipaparkan

Question

Saya mencipta elemen video dan menetapkan atribut kawalan kepada benar, tetapi kawalan tidak dipaparkan (walaupun pada tuding) if(!this._player){this._player=document.createElement('video');}this._player. controls=true;this._player.src=xxxxx;Juga tetapkan lebar elemen video kepada 100% dan kedudukan bekas adalah relatif Apakah yang perlu saya lakukan untuk menunjukkan lalai

P粉921130067 · Answer

Kod ini akan mencipta elemen video dengan kawalan lalai. Elemen video akan diletakkan secara mutlak dan memenuhi seluruh skrin. Apabila video mula dimainkan atau dijeda, pendengar acara log mesej ke konsol.

// 获取视频元素
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%;
}