आप एचटीएमएल 5 ऑडियो नियंत्रण कैसे छिपाते हैं?

Question

मैं HTML5 ऑडियो के ब्राउज़र विशिष्ट नियंत्रण कैसे छिपा सकता हूं? मैं थंबनेल छवियों को प्रत्येक ट्रैक और जावास्क्रिप्ट को खेलने/रोकने के लिए प्रस्तुत करने के लिए बना रहा हूं।

धन्यवाद!

HTML:

<audio class="thumbnail" id="paparazzi" controls="none"> 
    <source src="song.ogg" type="audio/ogg" /> 
    <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" /> 
    Your browser does not support HTML5 audio. 
</audio> 

Answer 1

नियंत्रण विशेषता एक बूलियन विशेषता है। इसका अर्थ यह है कि यदि यह निर्दिष्ट है, नियंत्रण सत्य है और यदि यह निर्दिष्ट नहीं है, तो नियंत्रण गलत है।

जहाँ तक वैधता के रूप में चला जाता है, यदि आप नियंत्रण सच होना चाहते हैं, तो आप इन तरीकों से निर्दिष्ट कर सकते हैं:

<audio controls> 
<audio controls="controls"> 
<audio controls=""> 

Answer 2

बिल्कुल controls विशेषता निर्दिष्ट न करें, यह दिखा (मैं 5 सेकंड गूगल के बाद यह मिल गया है, उस पर मुझे बोली नहीं है) से यह बंद कर देना चाहिए।

HTML5 video - show/hide controls programmatically

Answer 3

var audio = document.getElementById('audioFile'); 
    audio.controls = false; 



    <audio id="audioFile" width="100%" height="auto" controls> 
       <source src="xyz.mp3" type="audio/mpeg"> 
       </audio>