Firefox没有't切换媒体标签中的控件

Firefox doesn't switch controls in media-tag

本文关键字：标签 媒体 控件 没有 Firefox      更新时间：2023-09-26

我正在构建一个自定义的html5媒体播放器。我使用自定义控件，所以当我创建媒体元素（使用JS）时，我首先将其设置为controls=false；当使用全屏视频时，我想将控件的值更改为true，以便它们仅在全屏模式下显示。但是，对象保持为false。一旦设置好控件，似乎就无法更改控件。

我是不是错过了什么？如何更改该值？我尝试过的所有其他浏览器都做得很好（Chromium、Opera、Safari-Linux和MacOS）。我找到的所有文件都说，这应该有效。

有问题的代码是这样的，两者都不起作用：

function fullscreen()
{
 document.getElementById("cbPlayer_fullscreen").blur(); //fullscreen-button
 var currentMedia = document.getElementById(currentMediaId);
 currentMedia.removeAttribute("controls");
 //currentMedia.controls = true;
 currentMedia.setAttribute("controls","controls");
 // go full-screen
 if (currentMedia.requestFullscreen) { currentMedia.requestFullscreen(); }
 else if (currentMedia.msRequestFullscreen) { currentMedia.msRequestFullscreen(); }
 else if (currentMedia.mozRequestFullScreen) { currentMedia.mozRequestFullScreen(); }
 else if (currentMedia.webkitRequestFullscreen) { currentMedia.webkitRequestFullscreen(); }
}

控制台中没有错误。

谢谢你的提示！

chris

哦，你可以在野外看到这个东西：https://musicchris.de/?page=media

更改html以实际调用fullscreen（）函数：

<a onclick="fullscreen()" class="cbPlayer_fullscreen" href="javascript:">
   <img style="box-shadow: 0px 0px 2px 1px gray;" id="cbPlayer_fullscreen" class="cbPlayer_mediacontrols cbPlayer_fullscreen" src="cbplayer/pics/fullscreen.png" alt="fullscreen" title="fullscreen">
</a>

我还建议您将js移动到一个单独的文件：）

相关文章：