禁用引導按鈕，直到YouTube視頻之後播放

這是正在設立一個形式，所以我需要用戶無法點擊按鈕，無論是什麼，直到視頻結束。禁用引導按鈕，直到YouTube視頻之後播放

我使用的是YouTube視頻API來播放視頻，我有視頻下面有兩個按鈕，我想，直到影片播放完畢後留下殘疾。問題是無論添加屬性，還是通過jquery支持讓它們禁用。該按鈕仍在觸發點擊事件。

我也嘗試添加禁用類錨，但隨後發生的事情是，該按鈕保持禁用，並且不能設置爲活動狀態，即使一旦視頻完成和活動類是通過代碼調用。

代碼我對視頻播放：

<!--YOUTUBE VIDEO SCRIPT--> 
    <script src="http://www.youtube.com/player_api"></script> 
    <script type="text/javascript"> 
     // create youtube player 
     var player; 

     function onYouTubePlayerAPIReady() { 
      player = new YT.Player('player', { 
       height: '315', 
       width: '560', 
       videoId: 'i1XKt2T8ejc', 
       events: { 

        onStateChange: onPlayerStateChange 
       } 
      }); 
     } 

     // when video ends 
     function onPlayerStateChange(event) { 
      if (event.data === 0) { 
       /*Accept and Decline buttons are selectable once video plays entirely*/ 
       $('a.yes').attr('disabled', false); 
       $('a.no').attr('disabled', false); 
      } 

     } 
    </script>

其他代碼：

<script type="text/javascript"> 
$('a.yes').attr('disabled', true); 
$('a.no').attr('disabled', true); 
</script>

按鈕：

<a href="exit.php" role="button" class="btn btn-danger no" style="float:right; width:100px;" >Decline</a> 

<a href="yes.php" role="button" class="btn btn-success yes" style="float:right; width:100px;">Accept</a>

來源

2017-02-21 user3015009

問題的夫婦：1.你驗證了「onPlayerStateChange」功能實際上是越來越叫什麼名字？ 2.你提到的按鈕仍然是射擊事件，但它們是否在視覺上顯示爲禁用？ –

@ChrisCousins是的功能被調用，並且按鈕在視覺上被禁用。下面的答案雖然解決，謝謝。 – user3015009

您的代碼應該工作，但是你不能禁用a元素;將其更改爲按鈕。

<button href="exit.php" role="button" class="btn btn-danger no" style="float:right; width:100px;" >Decline</abutton> 

<button href="yes.php" role="button" class="btn btn-success yes" style="float:right; width:100px;">Accept</button>

，爲jQuery來

$('button.yes').attr('disabled', true); 
$('button.no').attr('disabled', true);

來源

2017-02-21 15:33:24 arcs

謝謝！這解決了它，它總是很簡單哈哈 – user3015009

@ user3015009完全。花了我一段時間來注意它;） – arcs

禁用引導按鈕，直到YouTube視頻之後播放

回答

相關問題