एचटीएमएल 5 वीडियो में बंद कैप्शन को टॉगल करना और डिफ़ॉल्ट वीडियो नियंत्रण अक्षम करना

Question

मुझे दो समस्याएं हैं। जैसे ही मैंने अपने वीडियो तत्व के भीतर ट्रैक टैग डाला, वीडियो का डिफ़ॉल्ट नियंत्रक दिखाता है। मेरे पास कस्टम नियंत्रण हैं इसलिए यह काफी समस्या है।

दूसरा। मुझे बंद कैप्शन को बंद करने का कोई तरीका नहीं मिल रहा है।

HTML:

जे एस:

var cc = document.getElementById('cc'); 
function cc(){ 
     var video= document.getElementById('media'); 
     var track1 = video.textTracks[0]; 
     var mytrack = document.getElementById('mytrack'); 
     var track2 = mytrack.track; 
     console.log(track1); 
     console.log(track2); 
    } 
    cc.addEventListener('click',cc,false); 

Answer 1

अगर आप अपने <video> टैग में controls के लिए किसी भी संदर्भ निकालें कि छिपा नियंत्रण रखना चाहिए (वे पहली बार लोड पर फ्लैश हो सकता है, लेकिन एक बार वीडियो लोड किया गया है वे छिपे रहेंगे) controls आइटम बूलियन है: यदि यह मौजूद है तो वे दिखाएंगे, अगर ऐसा नहीं होता है तो वे नहीं करेंगे।

दिखा और कैप्शन आप mode निर्धारित करने की आवश्यकता छुपा के लिए "दिखा" या "छिपा"

<video autoplay loop id="v"> 
    <source src="Video.mp4" type="video/mp4"> 
    <track id="enTrack" src="entrack.vtt" label="English" kind="subtitles" srclang="en" default> 
    HTML5 video not supported 
</video> 
. 
. 
. 
<script> 
. 
v = document.getElementById("v") 
v.textTracks[0].mode = "hidden"; // "showing" will make them reappear 
    // if you want to show the controls 
v.controls = true; 
. 
</script> 

नीचे के रूप में जानते हैं कि विभिन्न ब्राउज़रों अलग व्यवहार जब यह कैप्शन के लिए आता है के रूप में YMMV रहें। यह ओएसएक्स और आईई 10 पर क्रोम/सफारी पर काम करता है (हालांकि सफारी और आईई पर नोट छिपाने के लिए मोड का मान "0" और "2" दिखाने के लिए है, लेकिन उन्हें सेट करने के लिए पाठ का उपयोग करना प्रतीत होता है। आईओएस पर परीक्षण नहीं किया गया है