Javascript 在播放youtube视频之前禁用引导按钮

这是一个表单设置，所以我需要用户不能点击按钮，无论什么，直到视频完成

我正在使用Youtube视频API播放视频，视频下方有两个按钮，我希望在视频播放结束之前保持禁用状态。问题是，不管添加属性，甚至是通过jquery将其禁用。按钮仍在触发单击事件

我还尝试将disabled类添加到锚点，但是发生的情况是，按钮保持禁用状态，即使视频完成并且通过代码调用了active类，也无法将其设置为active

我有播放视频的代码：

<!--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>

//创建youtube播放器
var播放器；
函数onYouTubePlayerAPIReady（）{
player=新的YT.player（'player'{
高度：'315'，
宽度：“560”，
videoId:'i1XKt2T8ejc'，
活动：{
onStateChange:onPlayerStateChange
}
} );
}
//视频结束时
函数onPlayerStateChange（事件）{
如果（event.data==0）{
/*完全播放视频后，可选择接受和拒绝按钮*/
$（'a.yes'）.attr（'disabled'，false）；
$（'a.no'）.attr（'disabled'，false）；
}
}

其他代码：

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

$（'a.yes'）.attr（'disabled'，true）；
$（'a.no'）.attr（'disabled'，true）；

按钮：

<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>

---

您的代码应该可以工作，但是您不能禁用

元素；把它换成按钮

<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>

两个问题：1。您是否验证了“onPlayerStateChange”函数实际上正在被调用？2.您提到按钮仍在触发事件，但它们在视觉上是否显示为禁用状态？@ChrisCousins是的，函数被调用，按钮在视觉上显示为禁用状态。下面的答案已经解决了，谢谢。谢谢！这就解决了问题，它总是简单的haha@user3015009完全地我也花了一段时间才注意到；）
$( 'button.yes' ).attr( 'disabled', true);
$( 'button.no' ).attr( 'disabled', true);