2016-05-07 18 views
0

私は最初のChromeのアプリを作成しようとしていますが、問題があります。 私の最初のウィンドウで、私はこのhtmlコードを作った。YouTubeのプレーヤーをChromeのアプリに埋め込む権限

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
    <div>Percebe ivair. Estou sempre por cima!</div> 
 
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/aFMkXqrKGMY" frameborder="0" allowfullscreen></iframe> 
 
    </body> 
 
    </html>

しかし、私はクロームアプリを開こうとすると、私はこのエラーメッセージを受信して​​います:それは、次のコンテンツセキュリティポリシーに違反するため

は「『https://www.youtube-nocookie.com/embed/aFMkXqrKGMY』をフレームに拒否しました"frame-src 'self' blob:ファイルシステム:data:chrome-extension-resource:"。 "

{ "名前":: "Hello Worldの!"、 "説明": "私の最初のChromeアプリ。"、 "manifest_version":2、 私のmanifest.jsonをで

は、私はこれを試してみました"権限":[ "app.window.alwaysOnTop"、 "https://www.youtube-nocookie.com/embed/ *"]、 "content_security_policy": "スクリプト-srcの '自己' https://www.youtube-nocookie.com;オブジェクト-srcの '自己'" }

私はどのように行うことができます私のクロムアプリにシンプルなプレーヤーを挿入するには?

ありがとうございます!

答えて

0

Chrome Apps用CSPでは、iFrameの外部リソースへの参照が許可されていません。これはChrome拡張機能とは異なりますが、これはより柔軟です。 (上記のリンクごとに)次のように

制限は以下のとおりです。

  • あなたのChromeアプリのページにインラインスクリプトを使用することはできません。 の制限は、ブロックとイベントハンドラ()の両方を禁止します。
  • のアプリファイル(ビデオとオーディオのリソースを除く)の外部リソースは参照できません。 外部リソースをiframeに埋め込むことはできません。
  • eval()やnew Function()などの文字列からJavaScriptへの のメソッドは使用できません。

あなたはこれらの制限を回避する方法のカップルについての詳細はthis pageをチェックアウトしますが、以下の基本的な考え方であることができます。

オプション1:あなたが代わりにiFrameのwebviewを使用することができます別のプロセスで実行されるため、外部コンテンツがアプリデータから隔離されます。

オプション2: YouTube埋め込みスクリプトを含むサンドボックスページを作成して、ページ内のiFrameにサンドボックスページを含めることができます。

関連する問題