禁用引导按钮，直到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视频之后播放

回答

相关问题