2016-10-25 3 views
1

私はAirBnBのようなホームページ上のビデオバナーでブートストラップサイトを設計しています。再生ボタンを押すと、サイトをフェードアウトして、サイトのコンテンツにYouTube動画を再生したいと考えています。例はKindlyCareのビデオ再生ボタンです。その再生ボタンを押すと、ビデオはサイトの残りの部分の上に読み込まれます。 YouTubeプレーヤーに、サイトに埋め込まれているのではなく、サイトを読み込むように指示するにはどうすればよいですか?ボタンプレスの残りのサイトの上にビデオを再生

編集私は、ブートストラップ

+2

ブートストラップのモーダルやHTML5ビデオなどの自動再生機能を使用することをおすすめします。あなたはこれを考えましたか? –

+0

あなたはyoutube playerを開くことができないと思うのですが、あなたのビデオをサイトに埋め込んでいないのかもしれません。おそらくあなたが本当に必要とするものは、自動再生またはフルスクリーンのモーダルのビデオに埋め込まれています。 – DaniP

+0

私はBootstrapを使用しています。誰かがその病気に関連する回答を投稿した場合に行く方法です –

答えて

1

を使用していユーチューブプレーヤーを暗くし、含まれているCSS(z-index: x;)またはjQueryの($("element").css("z-index", "x"))のいずれかのいずれかで、文書の残りの部分よりもz-index高いを持っているのdivを作りますこれはiframeまたはembed要素の形式である必要があります。ボタンをクリックすると($("element").on("click", ...)または$("element").click(...))、暗くなると消えるdiv$("element").fadeIn()を使用しています。

スクリプトの形式であれば、ターゲットとする要素(本文やその他の要素)がウェブページ上のdivに変更されていることを確認してください。

+0

私はZインデックスを忘れてしまった、これは良い方法です。しかし、私はブートストラップを使用しているので、私はモーダルを使用することができます(質問のコメントを参照してください) –

+0

ああ、つまら。それは意味がある、私はあなたがそれを使用していたことを認識していませんでした。 –

+0

誰もブートストラップ用に投稿していないので、私はそれを稼働させたので、この回答を受け入れました –

関連する問題