2012-11-17 198 views
1

添加事件,因此我只希望訪問視頻控件上的播放按鈕,按下軌跡欄或卷時沒有動作。我想是這樣的,但與HTML5視頻http://flash.flowplayer.org/demos/installation/multiple-players.html對HTML5視頻播放按鈕

jQuery(document).ready(function() { 
    $('.vids').click(function(){ 
     $('.vids').each(function() { 
      this.pause(); 
     }); 
    }); 
}); 

<video controls="controls" class="vids" id="1"> 
    <source src ....> 
</video> 
<video controls="controls" class="vids" id="2"> 
    <source src ....> 
</video> 
.... 

所以現在所有視頻停止,除了一個我點擊,但是當我按下的TrackBar或體積,它也將停止。任何解決方案,無需自己控制或使用另一臺錄像機?我發現了不同的解決方案,但不是因爲我想:S

+0

'的jQuery(文件)。就緒(函數(){' - 您應該使用'jQuery的(文件)。就緒(函數($){'或'$(文件) 。就緒(函數(){'。但是你做到了寫'jQuery'沒有提供優勢保證責任。 – ThiefMaster

+0

THX的方式,一般我用的$(document)......我在匆忙寫了這個:) 如果它與Ø沒有jquery或者使用moodle,或者其他一些無關緊要的東西。 – Spectash

回答

0

我認爲你必須針對你的點擊,這樣的點擊目標得到命令來處理要做到這一點,試試這個,看看這適用於當前項目你:

$('.box').click(function(e){ 
    $(e.target).pause(); 
}); 
+0

THX你的答覆,但我沒有.box的字段或什麼的,我使用的HTML5視頻的標準控件,和我真正的問題是,我可以訪問在一個單獨的方式「標準」的控制。
認爲唯一的解決辦法只是寫我自己控制的視頻。 – Spectash

+0

你是對的!在視頻控制中沒有任何東西可以訪問,所以更好的做法是編寫一些定製控件。可能這個鏈接會幫助你。 http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_js_prop – Jai

+0

THX一個蓋棺定論的答案,這就是我需要聽到!他們應該在某個地方提到,即使他們發現它很明顯。我仍然希望能夠用一些簡單的代碼,也許未來。 – Spectash