我怎样才能完全隐藏HTML5视频控件？
<video width="300" height="200" controls="false" autoplay="autoplay">
<source src="video/supercoolvideo.mp4" type="video/mp4" />
</video>
假不起作用 - 这是怎么做到的？
干杯.
我正在寻找一种通过javascript随意显示或隐藏HTML5视频控件的方法.控件目前仅在视频开始播放时可见
有没有办法使用原生视频控件？
我正在使用谷歌浏览器.
我似乎无法在视频播放器控件上获得正确的样式,因为似乎没有正确对齐.
我已经尝试将这些项目包装在div中,但是事情似乎并没有正确地移动或对齐.
有什么建议？
到目前为止我有什么:http: //jsfiddle.net/pp6Wn/
var vid, playbtn, seekslider, curtimetext, durtimetext, mutebtn, volumeslider, fullscreenbtn;
function intializePlayer() {
// Set object references
vid = document.getElementById("my_video");
playbtn = document.getElementById("playpausebtn");
seekslider = document.getElementById("seekslider");
curtimetext = document.getElementById("curtimetext");
durtimetext = document.getElementById("durtimetext");
mutebtn = document.getElementById("mutebtn");
volumeslider = document.getElementById("volumeslider");
fullscreenbtn = document.getElementById("fullscreenbtn");
// Add event listeners
playbtn.addEventListener("click", playPause, false);
seekslider.addEventListener("change", vidSeek, false);
vid.addEventListener("timeupdate", seektimeupdate, false);
mutebtn.addEventListener("click", vidmute, false);
volumeslider.addEventListener("change", setvolume, false);
fullscreenbtn.addEventListener("click", toggleFullScreen, false);
}
window.onload = intializePlayer;
function playPause() {
if (vid.paused) {
vid.play(); …我试图隐藏视频上的视频控件,直到用户将鼠标悬停在视频上,然后显示控件.有什么想法或建议吗？谢谢.我有不止一个视频.
HTML:
<div class="item spoon burger"><video width="300" height="auto" controls><source src="videos/sruthi.mp4" type="video/mp4"></video></div>