埋め込まれている動画で「全画面表示はご利用いただけません」エラーが出てフルスクリーンに出来ない問題について

2023年3月19日2023年3月21日wordpress

この記事は2023年3月21日に書かれたものです。情報が古い可能性がありますのでご注意ください。

1. はじめに
2. 原因
3. 対処法

はじめに

youtube・twitchなどの埋め込んだ動画をフルスクリーン表示にしようとしたところ、エラーが出てフルスクリーンにできなかった。
埋め込みコードを確認しても、コンテンツが全画面モードで表示されることを許可するallowfullscreenはきちんと入っている。

youtube、共有 → 埋め込むから取得できるコード


<iframe width="560" height="315" src="https://www.youtube.com/embed/xxxxxxxx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
allowfullscreen
></iframe>

原因

サイト側の問題。
wordpressフォルダ直下にある.htaccess。

下記コードは、当サイトで使用しているwordpressテーマLuxeritasに用意された高速化&セキュリティ向上用htaccess内に記述されている一行。

Header always set Permissions-Policy "geolocation=(), midi=(), sync-xhr=(), microphone=(), camera=(), magnetometer=(), gyroscope=(), payment=(), fullscreen=(self)"

対処法

.htaccessを開き、ブラウザで使用できる機能をコントロールする仕組みPermissions-Policyの行を探す。
fullscreen=(self)をfullscreen=(self *)に変更しよう。


Header always set Permissions-Policy "geolocation=(), midi=(), sync-xhr=(), microphone=(), camera=(), magnetometer=(), gyroscope=(), payment=(), fullscreen=(self *)"