Предотвратить исчезновение стандартных элементов управления видео HTML5?

Question

Можно ли предотвратить затухание стандартных элементов управления видео HTML5? И чтобы они всегда были видны?

Answer 1

Это один из способов предотвращения выцветания элементов управления видео. Хотя это работает, должен быть лучший способ. Я надеюсь, что кто-то с большим знанием Javascript / CSS даст лучшее решение (которое не требует постоянного повторного добавления атрибута «controls»).

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