google-chrome - 如何在不违反内容安全政策的情况下将YouTube视频安全地嵌入到Chrome扩展程序中？

Question

我一直在寻找有关此问题的答案已有一段时间，但无法获得所提供的任何解决方案。

这是我要嵌入的youtube代码:
http://jsfiddle.net/BFDKS/1204/

视频iframe被添加到index.html和我称之为的app.js中:

    var tag = document.createElement('script');

    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var player;

    function onYouTubeIframeAPIReady() {
        player = new YT.Player('ytplayer', {
            events: {
                'onReady': onPlayerReady
            }
        });
    }

    function onPlayerReady() {
        player.playVideo();
        // Mute!
        player.mute();
    }

问题是我在控制台中收到CSR错误


这导致我进入manifest.json文件:

{
"name": "",
"manifest_version": 2,
"version": "0.0.6",
"icons": {
  "16": "icon-16.png",
  "48": "icon-48.png",
  "128": "icon-128.png"
},
"content_security_policy": "script-src 'self' https://www.google-analytics.com/; https://www.youtube.com/*; object-src 'self'",
"permissions": [
    "activeTab",
    "*://*.google-analytics.com/*"
],
"chrome_url_overrides": {
    "newtab": "index.html"
},
"description": ""

}

基本上，这就是我现在所处的位置，无法取得进展。我真的只是想嵌入一个自动播放的youtube视频，该视频默认情况下处于关闭状态，并且打开了隐藏式字幕。有任何想法吗？非常感激!

Answer 1

我知道了，manifest.json文件需要以下内容:

    "content_security_policy": "script-src 'self' https://www.google-analytics.com/ https://www.youtube.com/ https://s.ytimg.com; object-src 'self'; child-src https://www.youtube.com/ https://s.ytimg.com",

感谢您的指导wOxxOm