2016-05-10 10 views
0

YouTubeにホストされている動画を埋め込み、ユーザーがpopup.htmlのボタンをクリックするとその動画を再生したいと思います。Chrome拡張機能にYouTube動画を埋め込む

私はここに記載されている解決策を以下ました:

Showing a YouTube video in a Google Chrome extension

新しいタブが開きますが、私はビデオを見ていない、私は内部のスマイリーと灰色の四角形を参照してください。

Googleが何とか動画をブロックしているようです。 background.jsで開かれた新しいタブにYouTubeの動画を表示することはできますか?

おかげ

EDIT:あなたは、プロトコル相対URLを使用している

<div class="embed-responsive embed-responsive-16by9"> 
     <iframe class="embed-responsive-item" src="//www.youtube.com/embed/XXXXXX?html5=1" frameborder="0" allowfullscreen></iframe> 
    </div> 
+0

にプロトコル相対URLを変更、これを解決するにはこれは埋め込みをやっている方法によって異なります。ビデオを含むページのコードを表示する – Xan

+0

私はブートストラッププラットフォームを使用しています。私はビデオを埋め込む方法でOPを編集しました – DjangoPy

答えて

2

:同時に

src="//www.youtube.com/embed/XXXXXX?html5=1" 

を、埋め込みページは

のようなURLを持っています
chrome-extension://yourextensionidhere/page.html 

これは明らかに無効であるとネットワークエラーで結果を(悲しい顔グレーページとしてサブフレームでレンダリング)src URL

chrome-extension://www.youtube.com/embed/XXXXXX?html5=1 

もたらします。

明示https://...

関連する問題