HTML5 视频 - 以编程方式显示/隐藏控件 [英] HTML5 video - show/hide controls programmatically
本文介绍了HTML5 视频 - 以编程方式显示/隐藏控件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在寻找一种通过 javascript 随意显示或隐藏 HTML5 视频控件的方法.控件目前仅在视频开始播放时可见
I am looking for a way to show or hide HTML5 video controls at will via javascript. The controls are currently only visible when the video starts to play
有没有办法用原生视频控件来做到这一点?
Is there a way to do this with the native video controls?
我使用的是谷歌浏览器.
I'm using google chrome browser.
推荐答案
<video id="myvideo">
<source src="path/to/movie.mp4" />
</video>
<p onclick="toggleControls();">Toggle</p>
<script>
var video = document.getElementById("myvideo");
function toggleControls() {
if (video.hasAttribute("controls")) {
video.removeAttribute("controls")
} else {
video.setAttribute("controls","controls")
}
}
</script>
查看它在 jsFiddle 上的工作:http://jsfiddle.net/dgLds/
See it working on jsFiddle: http://jsfiddle.net/dgLds/
这篇关于HTML5 视频 - 以编程方式显示/隐藏控件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文