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?