teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

4

コードを修正

2018/03/17 07:55

投稿

defeatist
defeatist

スコア35

title CHANGED
File without changes
body CHANGED
@@ -82,7 +82,7 @@
82
82
  ```javascript
83
83
  $(function() {
84
84
  var html = '<iframe src="http://127.0.0.1:3000/debug" frameborder="0" height="200"></iframe>';
85
- //`http://127.0.0.1:3000/debug`はのpopup.htmlの<body>の部分を記述したhtmlファイルの場所です
85
+ //`http://127.0.0.1:3000/debug`は1つ目方法のpopup.htmlの<body>の部分を記述したhtmlファイルの場所です
86
86
  $("#frame").html(html);
87
87
 
88
88
  let player1 = document.getElementById('nicovideoPlayer-1');

3

エラー画像を修正

2018/03/17 07:55

投稿

defeatist
defeatist

スコア35

title CHANGED
File without changes
body CHANGED
@@ -99,6 +99,6 @@
99
99
  });
100
100
  ```
101
101
  すると以下のエラーが出ました。
102
- ![イメージ説明](721fc467fca9a92c54384859bc4377c2.png)
102
+ ![イメージ説明](6a38bb3163d1dbddd9e6d2fd9bd79c18.png)
103
103
 
104
104
  どうすればニコニコ動画の外部プレイヤーをchrome拡張のpopup.htmlの中で自動再生させることができるのでしょうか?

2

2つめの方法のコードとエラー画像を修正

2018/03/17 05:16

投稿

defeatist
defeatist

スコア35

title CHANGED
File without changes
body CHANGED
@@ -81,14 +81,15 @@
81
81
  ######popup.js
82
82
  ```javascript
83
83
  $(function() {
84
- var html = '<iframe src="http://embed.nicovideo.jp/watch/sm9?jsapi=1" id="nicovideoPlayer-1" frameborder="0" allowfullscreen></iframe>';
84
+ var html = '<iframe src="http://127.0.0.1:3000/debug" frameborder="0" height="200"></iframe>';
85
+ //`http://127.0.0.1:3000/debug`は上のpopup.htmlの<body>の部分を記述したhtmlファイルの場所です
85
86
  $("#frame").html(html);
86
87
 
87
88
  let player1 = document.getElementById('nicovideoPlayer-1');
88
89
  player1.contentWindow.postMessage({
89
90
  sourceConnectorType: 1,
90
91
  eventName: 'play'
91
- }, 'http://embed.nicovideo.jp');
92
+ }, 'chrome-extension://ghhpggjmpggclfhmeifnkpkkdifnlfgl');
92
93
 
93
94
  window.addEventListener('message', (e) => {
94
95
  if (e.origin === 'http://embed.nicovideo.jp') {
@@ -98,6 +99,6 @@
98
99
  });
99
100
  ```
100
101
  すると以下のエラーが出ました。
101
- ![イメージ説明](bc95ef1ac68c300c4c495ac26751ad6b.png)
102
+ ![イメージ説明](721fc467fca9a92c54384859bc4377c2.png)
102
103
 
103
104
  どうすればニコニコ動画の外部プレイヤーをchrome拡張のpopup.htmlの中で自動再生させることができるのでしょうか?

1

2つめの方法のコードとエラー画像を訂正

2018/03/17 05:03

投稿

defeatist
defeatist

スコア35

title CHANGED
File without changes
body CHANGED
@@ -81,7 +81,7 @@
81
81
  ######popup.js
82
82
  ```javascript
83
83
  $(function() {
84
- var html = '<iframe src="http://127.0.0.1:3000/debug" frameborder="0" height="200"></iframe>';
84
+ var html = '<iframe src="http://embed.nicovideo.jp/watch/sm9?jsapi=1" id="nicovideoPlayer-1" frameborder="0" allowfullscreen></iframe>';
85
85
  $("#frame").html(html);
86
86
 
87
87
  let player1 = document.getElementById('nicovideoPlayer-1');
@@ -98,7 +98,6 @@
98
98
  });
99
99
  ```
100
100
  すると以下のエラーが出ました。
101
- ![イメージ説明](2ae0059885a405e376479447f387972c.png)
101
+ ![イメージ説明](bc95ef1ac68c300c4c495ac26751ad6b.png)
102
- この`X-Frame-Options`というものを回避しなければならなそうなのですが、調べてみるとグレーなどと言われているので、ここで行き止まっています。
103
102
 
104
103
  どうすればニコニコ動画の外部プレイヤーをchrome拡張のpopup.htmlの中で自動再生させることができるのでしょうか?