jquery - youtube with textarea div

Question

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

视频结束后，文字评论再次出现，或者我点击最小化的栏。

The code is on Jsfiddle here

但我不能让textarea的既不是YouTube视频的情况下，我怎么能做到这一点？

感谢

Answer 1

在我的地盘我使用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> 

Answer 2

之所以textarea的单击事件不点火是因为你有disabled="true"从textarea的删除属性。

至于到iframe，来看看这篇文章： Can jQuery listen to a click event on a youtube/vimeo movie?