当前位置：文江博客话题详情

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

发布于 2024-12-01 12:04:45 字数 36 浏览 0 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

他夏了夏天 2024-12-08 12:04:45

这是防止视频控件褪色的一种方法。虽然可行，但一定有更好的方法。我希望具有更多 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>

This is one way to prevent video controls from fading. Although it works, there must be a better way. I hope someone with more Javascript/CSS knowledge will give a better solution (one that doesn't require constantly re-adding the "controls" attribute).

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

回复收藏 0 原文

~没有更多了~