0

ビデオ テンプレート サイトで、HQ をクリックしたときにビデオのソース タグを変更したい。再生ボタンをクリックせずにビデオのみが再生を開始し、リンクのテキストnqが同じ機能。

htmlコードに従う

{{if hqnq == true }}     //jquery template variable no importance
   <div class="toolbar" id="controls">
      <div style="float:right">         
          <a href="#" data-role="button" data-theme="a" data-mini="true" data-inline="true" id="player_hq_nq">HQ</a>
          // the text of the link should change when you are clicking
      </div>
      <div style="clear:both"></div>    
  </div>
{{/if}}


<div id="video_player">
<video autobuffer controls autoplay>
    <source src="http://www.tools4movies.com/Droid/Default/Inception.mp4" type="video/mp4" width="auto" height="auto" id="video" />
</video>
</div>

そして少なくとも、タスクを実行する機能が必要です。しかし、それを行う方法は？

<script type="text/javascript">
var button = document.getElementById('player_hq_nq');

function showVideo() {
    if (button.title == "nq") {
        document.getElementById("video").setAttribute("src", "http://www.tools4movies.com/Droid/Default/Inception.mp4");
        document.getElementById("video").load();
        document.getElementById("video").play();
    } else {
        document.getElementById("video").setAttribute("src", "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4");
        document.getElementById("video").load();
        document.getElementById("video").play();
        button.title = "nq";
    }
}
</script>

これがフィドルです：http://jsfiddle.net/k68Zp/389/

4

1 に答える 1

1

HQ のshowVideo() onclickを呼び出す必要があります。showVideo() 関数のすぐ上に次のコードを追加する必要があります。

$(document).ready(function(){  
    $("#player_hq_nq").click(function(){  
        showVideo();  
   });  
});
于 2013-07-08T10:25:04.257 に答える