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

有没有可能防止HTML5标准视频控件淡出？为了使它们始终可见？

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

var vidElem=document.getElementById（“myvideo”）；
vidElem.addEventListener（'timeupdate'，videoTimeUpdateHandler，false）；
函数videoTimeUpdateHandler（e）
{
vidElem.setAttribute（“控件”、“控件”）；
}

有些WebKit测试文件显示了访问“MediaControlsElement”的方法。我不是一个足够的Javascript程序员来理解它们。也许其他人可以提供帮助：上面的文件包括一个“media controls.js”文件。

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