如何隐藏原生html5 video,HTML5video//完全隐藏控件

喜欢这个：

controls是一个布尔属性 ：

注意：布尔属性不允许使用“true”和“false”值。 为了表示一个错误的值，该属性必须被完全省略。

您可以使用CSS伪select器来隐藏控件，如Demo： https ： //jsfiddle.net/g1rsasa3

//For Firefox we have to handle it in JavaScript var vids = $("video"); $.each(vids, function(){ this.controls = false; }); //Loop though all Video tags and set Controls as false $("video").click(function() { //console.log(this); if (this.paused) { this.play(); } else { this.pause(); } });

video::-webkit-media-controls { display: none; } /* Could Use thise as well for Individual Controls */ video::-webkit-media-controls-play-button {} video::-webkit-media-controls-volume-slider {} video::-webkit-media-controls-mute-button {} video::-webkit-media-controls-timeline {} video::-webkit-media-controls-current-time-display {}

首先，删除video的“控件”属性。

对于iOS，我们可以通过添加以下CSS伪select器来隐藏vi