メインコンテンツまでスキップ

(Chrome/Edge) PNA ポリシーによるローカルネットワークアクセス遮断

概要​

Chrome および Edge 141 以降では、PNA（Private Network Access）ポリシーが強化され、パブリックドメイン（インターネット）からプライベートネットワーク（内部ネットワーク）リソースへアクセスしようとする Web アプリケーションは、ブラウザのプリフライトリクエスト（Preflight）および権限チェックを通過する必要があります。

Kollus Player はローカルネットワークデバイスと通信する構造を使用しているため、このポリシーが適用されたブラウザ環境では、プレイヤー呼び出しおよびフルスクリーン機能の使用時に以下の問題が発生する場合があります。

  • ブラウザの権限リクエストポップアップが表示され、遮断するとプレイヤーが動作しない
  • プレイヤーがまったく読み込まれない、または CORS/PNA エラーが発生する
  • iframe 内でプレイヤーを呼び出す際に内部ネットワークリソースへのリクエストが遮断される

解決方法​

方法 1: ブラウザの権限ポップアップを許可する（一般ユーザー）​

ブラウザがローカルネットワークアクセス権限を要求するポップアップを表示した場合、必ず [許可] をクリックしてください。一度許可すると、同じサイトで追加のポップアップは表示されなくなり、権限はサイト単位で保存されます。

  • Chrome/Edge 145 以降：**「デバイス上のアプリ」**のトグルをオンにした後、ページを再読み込みしてください。
  • Chrome/Edge 141 以上 145 未満：**「ローカル ネットワーク アクセス」を［許可］**に変更した後、ページを再読み込みしてください。
サイト情報アイコンに権限項目が表示されない場合
  1. ブラウザのアドレスバーに以下のアドレスを入力し、Enter キーを押してください。
    • Chrome: chrome://settings/content/localNetwork
    • Edge: edge://settings/content/localNetwork
  2. ブロックリストから該当サイトを探して**［許可］**に変更した後、ページを再読み込みしてください。

方法 2: ブラウザフラグ設定を変更する（上級ユーザー）​

PNA ポリシーチェックを無効化すると、権限ポップアップなしでローカルネットワークにアクセスできます。

注意

この方法はブラウザ内部の実験的機能（flags）を変更するものであり、ブラウザのアップデート時に設定がリセットされる場合があります。個人 PC 環境のみで使用し、セキュリティポリシーが設けられた企業環境では IT 管理者にお問い合わせください。

Chrome 141 以降の設定​

  1. Chrome のアドレスバーに chrome://flags/#local-network-access-check を入力し、[Enter] を押してください。
  2. Local Network Access Checks 項目を見つけ、ドロップダウンから [Disabled] を選択してください。
  3. ページ下部の [再起動] ボタンをクリックしてブラウザを再起動してください。

Edge 142 以降の設定​

Edge は 141 バージョンまで PNA ポリシーがデフォルトで無効化されていますが、Edge 142 からデフォルトで有効化される予定です。

  1. Edge のアドレスバーに edge://flags/#local-network-access-check を入力し、[Enter] を押してください。
  2. Local Network Access Checks 項目を見つけ、ドロップダウンから [Disabled] を選択してください。
  3. ページ下部の [再起動] ボタンをクリックしてブラウザを再起動してください。
参考文書

Chrome ローカルネットワークアクセスポリシーガイド

方法 3: iframe 属性を設定する（開発者）​

この方法は、Kollus Player を iframe で直接埋め込んでサービスを開発する担当者向けの案内です。

パブリックドメインからプライベートネットワークリソースをリクエストする iframe の場合、allow 属性に local-network-access および loopback-network 権限を明示する必要があります。 この属性がない場合、Chrome/Edge 141 以降で内部ネットワークリソースへのリクエストが遮断されます。

<iframe src="https://v.jp.kollus.com/s?jwt=..."
        allow="encrypted-media; local-network-access; loopback-network"
        allowfullscreen
        webkitallowfullscreen
        mozallowfullscreen>
</iframe>

各属性の役割は以下のとおりです。

属性説明
local-network-accessChrome/Edge で iframe がプライベートネットワーク（内部ネットワーク）リソースにアクセスすることを許可
loopback-networkループバック（localhost）ネットワークアクセスを許可
encrypted-mediaDRM および保護コンテンツの再生を許可
  • allowfullscreen
  • webkitallowfullscreen
  • mozallowfullscreen
フルスクリーン機能を許可
参考文書

プリフライトリクエストガイド