タグ付けされた質問 「youtube-javascript-api」

5
YouTube iframe API:既にHTMLにあるiframeプレーヤーを制御するにはどうすればよいですか?
iframeベースのYouTubeプレーヤーを制御できるようにしたい。このプレーヤーはすでにHTMLに含まれますが、JavaScript APIを介して制御したいと思います。 私はiframe APIのドキュメントを読んでいます。APIを使用してページに新しい動画を追加し、YouTubeプレーヤーの機能を使用してそれを制御する方法を説明しています。 var player; function onYouTubePlayerAPIReady() { player = new YT.Player('container', { height: '390', width: '640', videoId: 'u1zgFlCw8Aw', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } そのコードは、新しいプレーヤーオブジェクトを作成して「player」に割り当て、それを#container div内に挿入します。それから私は、 "プレイヤーとのコールを操作することができplayVideo()、pauseVideo()それには、など。 しかし、すでにページ上にあるiframeプレーヤーで操作できるようにしたいのですが。 私はこれを古い埋め込みメソッドで非常に簡単に行うことができました: player = getElementById('whateverID'); player.playVideo(); ただし、これは新しいiframeでは機能しません。すでにページ上にあるiframeオブジェクトを割り当て、そのAPI関数を使用するにはどうすればよいですか?

14
iframeを非表示にするときにYouTubeプレーヤーを一時停止するにはどうすればよいですか?
にYouTube動画を含む非表示のdivがあります<iframe>。ユーザーがリンクをクリックすると、このdivが表示され、ユーザーはビデオを再生できるようになります。 ユーザーがパネルを閉じると、ビデオの再生が停止します。どうすればこれを達成できますか? コード: <!-- link to open popupVid --> <p><a href="javascript:;" onClick="document.getElementById('popupVid').style.display='';">Click here</a> to see my presenting showreel, to give you an idea of my style - usually described as authoritative, affable and and engaging.</p> <!-- popup and contents --> <div id="popupVid" style="position:absolute;left:0px;top:87px;width:500px;background-color:#D05F27;height:auto;display:none;z-index:200;"> <iframe width="500" height="315" src="http://www.youtube.com/embed/T39hYJAwR40" frameborder="0" allowfullscreen></iframe> <br …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.