एचटीएमएल 5 वीडियो - कार्यक्रमों को दिखाएं/छुपाएं

Question

मैं जावास्क्रिप्ट के माध्यम से इच्छानुसार एचटीएमएल 5 वीडियो नियंत्रण दिखाने या छिपाने का एक तरीका ढूंढ रहा हूं। नियंत्रण फ़िलहाल ही दिखाई जब वीडियो

वहाँ देशी वीडियो नियंत्रण के साथ ऐसा करने का कोई तरीका है खेलने के लिए शुरू होता है कर रहे हैं?

मैं गूगल क्रोम ब्राउज़र का उपयोग कर रहा हूँ। http://jsfiddle.net/dgLds/

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> 

यह jsFiddle पर काम कर देखें। मेरे लिये कार्य करता है।

HTML में,

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

जे एस

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

सीएसएस में साथ

,

#hideme {display: none;} 

Answer 2

CARL LANGE भी कैसे छिपा पाने के लिए, एक iOS डिवाइस पर एचटीएमएल 5 में ऑडियो स्वत: चलना पता चला:

Answer 3

यहाँ है यह कैसे करना है:

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

कार्य उदाहरण: https://jsfiddle.net/otnfccgu/2/

सभी उपलब्ध गुण, तरीके और घटनाओं यहाँ देखें: https://www.w3schools.com/TAGs/ref_av_dom.asp