jquery - Jquery - 带有 textarea div 的 youtube

Question

我嵌入了一个 youtube 视频，在下面我有一个关于视频的 textArea 评论，我想要做的就是当我点击视频时，文本评论作为视频下方的一个小条消失。

视频结束或单击最小化栏后，文本评论再次出现。

代码在 Jsfiddle 上

但是我无法获得 textarea 的事件，也无法获得 youtube 视频，我该如何实现呢？

谢谢

Answer 1

textarea click 事件未触发的原因是您disabled="true"已从 textarea 中删除了该属性。

关于你的 iframe，看看这篇文章： Can jQuery listen to a click event on a youtube / vimeo movie？

Answer 2

在我的网站上，我使用了 youtube api。

我使用 onStateChange 事件来监听视频停止或开始，然后在一个函数中做我的事情，如下所示：

   <script>
        var tag = document.createElement('script');
        tag.src = "http://www.youtube.com/player_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

        // This function creates an <iframe> (and YouTube player)
        //    after the API code downloads.
        var myPlayer;
        function onYouTubePlayerAPIReady() {
           myPlayer= new YT.Player('myYouTubeVid', {
           height: '315',
           width: '420',
           videoId: 'VHkcOKMFLoU',
           events: {
                   'onReady': onPlayerReady,
                   'onStateChange': onMyPlayerStateChange
                }

            });

      //Whatever you want to happen onStateChange happens here
      function onMyPlayerStateChange(event) {
            if (event.data == 1) {
                // Do Stuff
            }
        }
    </script>