HTML5 videosu - denetimleri programatik olarak göster/gizle

Question

HTML5 video denetimlerini javascript aracılığıyla gösterme veya gizleme için bir yol arıyorum. Kontroller şu an sadece video oynatılmaya başladığında görülebilir

Yerel video kontrolleri ile bunu yapmanın bir yolu var mı?

Google Chrome tarayıcısını kullanıyorum.

Answer 1

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

o jsFiddle üzerinde çalışıyor bakın. Benim için çalışıyor. HTML'de

, JS BB'de

<script type="text/javascript"> 
window.onload = function() { 
    var audioEl = document.getElementById("audioTag"); 
    audioEl.load(); 
    audioEl.play(); 
}; 
</script> 

ile

<div id="hideme"> 
    <audio id="audioTag" controls> 
     <source src="/path/to/audio.mp3"> 
    </audio> 
</div> 

,

İşte

#hideme {display: none;} 

Answer 2

CARL LANGEhttp://jsfiddle.net/dgLds/ ayrıca iOS cihazında html5 sesi autoplaying, gizli nasıl gösterdi:

Answer 3

bunu yapmak için nasıl:

var myVideo = document.getElementById("my-video")  
myVideo.controls = false; 

Çalışma örneği: https://jsfiddle.net/otnfccgu/2/

tüm mevcut özellikleri, yöntemleri ve olaylar burada görme: `autoplay` özelliği eklemelerini veya programlı ses çalmak gerekir böylece kontrolleri Çıkarma https://www.w3schools.com/TAGs/ref_av_dom.asp