2016-05-10 10 views
0

Ich möchte ein auf YouTube gehostetes Video einbetten und abspielen, wenn der Nutzer auf eine Schaltfläche in popup.html klickt.YouTube-Video in die Chrome-Erweiterung einbetten

Ich wurde nach der Lösung hier aufgeführt:

Showing a YouTube video in a Google Chrome extension

Ein neuer Tab geöffnet wird, aber ich sehe nicht das Video, ich mit einem Smiley nur innerhalb eines graues Rechteck sehen.

Ich denke, Google blockiert das Video irgendwie. Ist es möglich, YouTube-Videos auf einer neuen Registerkarte anzuzeigen, die von background.js geöffnet wurde?

Dank

EDIT:

<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

Dies hängt davon ab, wie Sie die Einbettung tun. Zeigen Sie uns Ihren Code der Seite, die das Video enthält – Xan

+0

Ich benutze die Bootstrap-Plattform und ich bearbeitet das OP mit, wie ich das Video einbetten – DjangoPy

Antwort

2

Sie sind eine protokollrelative URL:

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

Zur gleichen Zeit, die Einbettung Seite eine URL wie

hat
chrome-extension://yourextensionidhere/page.html 
Diese

führt zu einer src URL

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

die offensichtlich ungültig und führt zu einem Netzwerkfehler ist (in einem Unterrahmen als graue Seite mit einem traurigen Gesicht gemacht).

Um dies zu beheben, das protokoll in Bezug auf explizite https://... URL ändern