0

ウェブサイトに最新ニュースを表示するポップアップレイヤーがあります。次に、ユーザーがWebサイトを開くと再生されるYouTubeビデオを埋め込みます。そして、ユーザーがポップアップページを閉じた後、再生を停止したいと思います。SoundCloudプレーヤーを試しましたが、閉じると停止します。

こちらがライブリンクです。

ここ(.zip)からファイルソースファイルをダウンロードすることもできます: ソースファイル

そこで、ユーザーがポップアップページを閉じたときにビデオの再生を停止させたいと思います。

何か案が?前もって感謝します。

4

3 に答える 3

2

友達

facebox/fancybox ポップアップ ウィンドウを閉じようとしないでください。動画ファイル/埋め込みコードを保持するコンテナを作成してみてください。[リンクを閉じる] をクリックした後、その埋め込み/ビデオ ファイル コンテナーの HTML を削除するだけです。

元。<div id="myVideoFilePlay">Video File/Embed Data</div>

スクリプト ファイル:

document.getElementById('remodeVideoPlayer').innerHTML ="";

その後、ファンシーボックスを閉じます

于 2013-04-02T13:06:05.090 に答える
1

答えは実に簡単でした。古いオブジェクト埋め込みコードを使用すると、うまくいきました。提案された解決策に感謝しますが、iframeで機能します。ただし、追加のコードは必要ありません。

于 2013-03-11T14:35:34.533 に答える
1

YouTube に埋め込むための自動再生機能に関する情報を次に示します。

http://support.google.com/youtube/bin/answer.py?hl=ja&answer=1181821

「自動再生するには、動画 ID の後に &autoplay=1 を付けて、次のようにします:」

<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/XXXXXXX&autoplay=1"></param>
<embed src="http://www.youtube.com/v/XXXXXXX&autoplay=1" type="application/x-shockwave-flash" width="425" height="350">
</embed></object>

ビデオの停止については、こちらをご覧になり、「X」をクリックして一時停止する簡単な機能を設定することをお勧めします。参照: iframe を非表示にするときに YouTube プレーヤーを一時停止する方法

編集:詳細情報を追加..

サイトの読み込み時に jQuery を #dialogjj に設定すると、HTML が div 内にあるため、display:none; に設定されていることがわかります。再生を停止しません。私はそれを機能させるためのアイデアを持っています - より良いjQueryを備えたより良いものがあるかもしれませんが、これはうまく機能します。残念ながら、質問の仕方/調査が非常に簡単ではないため、誰もこれ以上返信しないと思います. それがおそらく、この質問に反対票を投じた理由です。将来のガイドのために他の人がここで質問する方法を見てください.他の人がそれについての手がかりを得ることができるように試みましたが、私たちは皆どこかから始めるので心配しないでください:)。

私の考えでは、jQuery を使用して #dialogjj のコンテンツを実際に設定し (したがって、埋め込みコードは HTML ページではなく JS ファイルを介して配置されます)、同じ方法で実際に追加して、その埋め込みコードを取り除くことができます。あなたが望むのと同じ方法でこれを行う単純な JSfiddle をセットアップしました。ただし、それをコードにマージするのはあなた次第です:)

JS Fiddle リンクhttp://jsfiddle.net/ivandude/vLrvA/2/

解決策が気に入ったら、答えとしてチェックマークをクリックしてください:D 私の最初のものかもしれません..笑

于 2013-02-27T23:38:18.643 に答える