Question

我正在嵌入一个youtube视频，下面我有关于视频的textArea评论，我想要做的就是当我点击视频时，文字评论会在视频下面的一个小栏中消失。

视频播放完毕后我会再次显示文字评论，或点击最小化栏。

The code is on Jsfiddle here

但是我无法得到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 apis。

我使用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>

Jquery - youtube与textarea div

2 个答案: