HTML5ビデオのクローズドキャプションの切り替えとデフォルトのビデオコントロールの無効化

Question

私には2つの問題があります。トラック要素をビデオ要素内に配置すると、ビデオのデフォルトコントローラが表示されます。私はカスタムコントロールを持っているので、それはかなり問題です。

秒。私はクローズドキャプションをオフに切り替える方法を見つけることができません。

HTML：

JS：

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アイテムはブール値です：存在する場合は表示され、そうでない場合は表示されます。あなたはそれがキャプションに来るときYMMVなど、異なるブラウザは異なる振る舞いを持っていることに注意してください

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

以下のようmodeは、「表示」または「非表示」に設定する必要がキャプションを表示と非表示の場合

。これは、OSXとIE10のChrome/Safariで動作します（ただし、SafariとIEの場合、モードの値は非表示には「0」、表示には「2」ですが、テキストを使用すると動作するようです）iOSでテストしていない