0

YouTube ビデオが埋め込まれており、その下にビデオに関する textArea コメントがあります。ビデオをクリックすると、テキスト コメントがビデオの下の小さなバーとして消えます。

ビデオが終了するか、最小化されたバーをクリックすると、テキスト コメントが再び表示されます。

コードは Jsfiddle here にあります

しかし、テキストエリアのイベントもYouTubeビデオも取得できません。どうすればこれを達成できますか?

ありがとう

4

2 に答える 2

1

textareaクリックイベントが発生しない理由は、textareadisabled="true"からその属性を削除したためです。

iframeに関しては、この投稿をご覧ください： jQueryはyoutube / vimeoムービーのクリックイベントを聞くことができますか？

于 2012-06-07T11:21:35.393 に答える
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>
于 2012-06-07T11:34:56.010 に答える