Kawalan elemen video HTML tidak dipaparkan

Question

Saya mencipta elemen video dan menetapkan atribut kawalan kepada benar, tetapi kawalan tidak ditunjukkan (walaupun di tuding)

if (!this._player) {
    this._player = document.createElement('video');
}

this._player.controls = benar;
this._player.src = xxxxx;

Juga tetapkan lebar elemen video kepada 100%
Lokasi bekas adalah relatif
Apakah yang perlu saya lakukan untuk memaparkan kawalan video lalai

Answer 1

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%;
}

<video controls> 
    <source id='mp4' src="http://media.w3.org/2010/05/sintel/trailer.mp4" type='video/mp4' />
</video>