html - 防止HTML5标准视频控件淡出？

Question

是否可以防止HTML5标准视频控件淡出？并让它们始终可见？

Answer 1

这是防止视频控件褪色的一种方法。虽然它有效，但必须有更好的方法。我希望具有更多 Javascript/CSS 知识的人会提供更好的解决方案(不需要不断重新添加“控件”属性的解决方案)。

<video id="myvideo" controls="controls">
    <source src="myvideo.webm" type='video/webm; codecs="vp8.0, vorbis"'></source>
</video>

<script type="text/javascript">

    var vidElem = document.getElementById("myvideo");

    vidElem.addEventListener('timeupdate', videoTimeUpdateHandler, false);

    function videoTimeUpdateHandler(e)
    {
        vidElem.setAttribute("controls","controls");
    }
</script>