5

私のページには<video>、いくつかのサブタイトルを持つこのタグが含まれています<track>。jqueryを使用して対応する国旗をクリックして、その場でトラックを有効にします。

  <div id="lang">
    <img src="mini/ita.png" class="it" alt="Italiano" title="Italiano" />
    <img src="mini/eng.png" class="en" alt="English"  title="English"  />        
  </div>


<video controls="controls" >

  <source src="webcast.webm" />
  <source src="webcast.mp4"  />
  <source src="webcast.ogv"  />

  <track kind="subtitles" src="./sub-en.vtt" srclang="en" />
  <track kind="subtitles" src="./sub-it.vtt" srclang="it" />

</video>

<script>
$('#lang img').click(function(){
    language=$(this).attr('class');

    $('video track').removeAttr('default');
    $('video track[srclang='+language+']').attr('default','default');
});
</script>

「デフォルト」属性は正しく挿入されていますが、字幕は表示されません。デフォルト属性を手動で挿入すると、完全に機能します（chromeおよびoperaで）。

4

2 に答える 2

1 
<script>
$('#lang img').click(function(){
    var language=$(this).attr('class');

    $($('video').prop('textTracks')).prop('mode', function(){
        return this.language == language ? 'showing' : 'disabled';
    });
});
</script>
于 2012-11-29T08:13:41.713 に答える
0 
$('#lang img').click(function(){
    language=your value;
    $('#yourID').attr('srclang', language); 
 });

このようにしてください。

于 2012-11-21T14:10:29.750 に答える