Das HTML-Videoelement-Steuerelement wird nicht angezeigt
P粉788765679
P粉788765679 2023-08-18 12:54:43
0
1
475
<p>Ich habe ein Videoelement erstellt und das Steuerelementattribut auf „true“ gesetzt, aber die Steuerelemente werden nicht angezeigt (auch nicht, wenn man mit der Maus darüber fährt)</p> <pre class="brush:js;toolbar:false;">if (!this._player) { this._player = document.createElement('video'); } this._player.controls = true; this._player.src = xxxxx; </pre> <p>Stellen Sie außerdem die Breite des Videoelements auf 100 % ein. Der Standort des Containers ist relativ</p> <p>Was muss ich tun, um die Standard-Videosteuerelemente anzuzeigen</p>
P粉788765679
P粉788765679

Antworte allen(1)
P粉921130067

这段代码将创建一个带有默认控件的视频元素。视频元素将被绝对定位,并填满整个屏幕。当视频开始播放或暂停时,事件监听器将在控制台上记录一条消息。

// 获取视频元素
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>
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!