Question

在Chrome浏览器下以编程方式启动mp4 / ogv视频并不完美。在视频启动时，控件将始终显示为大约。在他们消失之前1秒。

有谁知道这个问题。我该如何抑制这种行为？

这里是代码片段。

function setupMediaContainer(mediaUrl) {
mediaobj = document.createElement('video');
    mediaobj.src = mediaUrl;
mediaobj.setAttribute('autoplay',false);
mediaobj.setAttribute('controls',false);
mediaobj.addEventListener("ended", function() { getNextAdvertisingMedia()}); 
mediaobj.width=$(media_container).width();
mediaobj.height=$(media_container).height();    
$(media_container).append(mediaobj);

}

Answer 1

我遇到了同样的问题。控件似乎是在视频背后，因为我只能看到视频两侧控件的几个像素。不知道如何解决这个问题。

编辑：我还应该补充一点，我根本不使用jquery，但我遇到了同样的问题。我正在使用一些DOM来为我的视频添加控件，因为我无法控制其他标记。

<script>
document.getElementsByTagName('video')[0].setAttribute("controls", "controls");
</script>

Answer 2

你的问题在这一行：

mediaobj.setAttribute('controls',false);

这使您的视频元素看起来像这样：

<video src="whatever.webm" width="320" height="240" autoplay controls="false"></video>

浏览器不关心controls属性的值，只关注它是否在那里。所以只要摆脱那条线，控制就应该消失。

抑制Google Chrome下的视频控件效果不佳

2 个答案: