他の動画を読み込むブックマークレット
ニコニコ動画の再生中に他の動画（ニコニコ内orローカルの動画）を読み込むブックマークレットです。
バージョン情報
v0.2 210320
使用方法
以下のリンクをブックマークして、ニコニコ動画の動画再生画面でブックマークを開く。
他の動画を読み込むブックマークレット_v0.2
実行環境
製作環境
- windows10 Firefox 87 (developer edition)
動作確認ブラウザ
- Firefox
- Chrome
基本的にPC版のニコニコ動画のみで動作します。
注意事項
投コメ編集時の注意
動画エラーが発生した場合に強制的にプレイヤーが再起動（再読み込み）される場合があるようです。
投稿者コメント編集などのデータが飛ぶので、できればこまめに保存してください。
また、他のツール類と連携できない場合もあります。
機能詳細
ニコニコ動画にある別の動画の読み込み
ニコニコ動画にある別の動画を読み込む機能です。
- url入力欄にsmxxx等の動画IDや、ページのURLを入力してloadを押す
- リンクをドラッグしてツールにドロップする
ことで読み込みます。
「動画プレイヤーの中に全画面再生状態の目的のページをiframeで埋め込む」ことで読み込みます。
ローカルの動画の読み込み
ローカルファイルの動画を読み込む機能です。
- ファイル選択（参照...）から選択してloadを押す
- ファイルをドラッグしてツールにドロップする
ことで読み込みます。
ブラウザで読み込み可能な動画のみ再生できます。
touch
ニコニコ動画の別の動画を読み込んでいる時に、その動画ページ自体を操作したい場合、
このチェックを入れることで操作可能な状態にします。
セキュリティによるエラーについて
2021年3月20日時点では、ニコニコ動画のセキュリティ設定(CSPヘッダ)により、
「ニコニコ動画の他の動画を読み込む機能」で必須の「iframeでニコニコを読み込むこと」が全面禁止されています。
これによって読み込みを失敗した場合、ツールにはiframe security errorやiframe load timeoutというエラーで表示されます。
拡張機能等でセキュリティ設定を無視すれば回避して使用することは可能です。
以下で紹介はしますが、セキュリティ上の安全性や拡張機能自体の安全性は担保できませんので、よく調べてから実行してください。
セキュリティ設定を下げる関係上、悪意あるサイトや悪意あるコード（ブックマークレット・拡張機能等）に利用される可能性があります。
危険性と内容をよく理解したうえで自己責任で導入・設定してください。
具体的にはニコニコ動画のページのContent-Security-Policy(CSP)ヘッダがframe-ancestors 'none'となり、
あらゆるサイト内（ニコニコ動画含む）で「www.nicovideo.jpを読み込むこと」が禁止されました。
（なお、同様の古いヘッダX-Frame-OptionsはSAMEORIGIN（同じサイト内では可）の指定となっていて食い違っているようです。）
参考: https://developer.mozilla.org/ja/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors
以下では拡張機能でニコニコ動画のContent-Security-Policyをframe-ancestors 'self'（同じサイト内では可）に変更する方法を説明しています。
つまり
www.nicovideo.jpにのみ影響するwww.nicovideo.jpでwww.nicovideo.jpを読み込むことを許可する
という目的の設定内容です。
Laboratory(CSP Toolkit)による回避 (Firefox限定?)
https://addons.mozilla.org/ja/firefox/addon/laboratory-by-mozilla/
CSP関連の開発者向けツールです。
これによりニコニコ動画のセキュリティポリシーを改竄すれば動画読み込み可能です。
設定例は以下です
- ニコニコ動画の再生画面で拡張機能のアイコンをクリックして開く
Custom CSP policyをチェックCustom CSP configurationの値をframe-ancestors 'self'に設定
この拡張機能の設定はサイトごとに保存・適用されるようなので、ニコニコ動画のページで設定操作をしてください。
設定内容はご自分でも安全そうか確認してください。
不要な時は拡張機能を無効にしておくなどしてください。
ModHeaderによる回避
https://bewisse.com/modheader/
各種HTTPヘッダを改竄する開発者向けツールです。
これによりニコニコ動画のレスポンスヘッダのうちCSPヘッダを改竄すれば読み込み可能です。
設定例は以下です
エクスポートした設定例は以下です。
一番右上の「…」の「Import profile(s)」から利用できます。
この拡張機能の設定は全てのサイトに適用されるようなので、フィルターでニコニコ動画のページにのみ反映するようにしておいてください。
また、chrome等拡張機能の実行を制限できるブラウザならwww.nicovideo.jpに限定したり、都度許可した場合のみで実行されるように設定しておいてください。
設定内容はご自分でも安全そうか確認してください。
不要な時は拡張機能を無効にしておくなどしてください。