防止 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>