Kawalan elemen video HTML tidak dipaparkan
P粉788765679
2023-08-18 12:54:43
<p>Saya mencipta elemen video dan menetapkan atribut kawalan kepada benar, tetapi kawalan tidak ditunjukkan (walaupun di tuding)</p>
<pre class="brush:js;toolbar:false;">if (!this._player) {
this._player = document.createElement('video');
}
this._player.controls = benar;
this._player.src = xxxxx;
</pra>
<p>Juga tetapkan lebar elemen video kepada 100%
Lokasi bekas adalah relatif</p>
<p>Apakah yang perlu saya lakukan untuk memaparkan kawalan video lalai</p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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>