HTML5隐藏播放器的方法有下面这几种:
运用CSS样式设置display属性为none:能够通过设置播放器的CSS样式,把其display属性设定为none,以来隐藏播放器。如,可以运用以下代码隐藏播放器:
video {
display: none;
}
运用CSS样式设置visibility属性为hidden:能够通过设置播放器的CSS样式,把其visibility属性设定为hidden,从而隐藏播放器。如,可以运用以下代码隐藏播放器:
video {
visibility: hidden;
}
运用CSS样式设置opacity属性为0:能够通过设置播放器的CSS样式,把其opacity属性设定为0,进而隐藏播放器。如,可以运用以下代码隐藏播放器:
video {
opacity: 0;
}
运用JavaScript动态控制播放器的显示与隐藏:能够使用JavaScript代码,通过修改播放器的display属性,来控制播放器的显示与隐藏。如,可以运用以下代码隐藏播放器:
var video = document.getElementById("video");
video.style.display = "none";
要留意的是,以上方法只是在页面中隐藏了播放器的显示,没有真正停止播放器的播放。如果想完全停止播放器的播放,使用JavaScript代码来控制播放器的暂停或停止。