問題点
- Webページに埋め込んだ Googleドライブ上の動画が、Safari で閲覧すると再生されない。
- Chrome など、別のブラウザではふつうに再生できる。
- YouTube にアップしたものを埋め込むと、Safari でも問題なく再生できる。
- 動画のサムネイルは表示されるが、再生ボタンを押すと、下のように真っ黒になってしまい、再生できない。
（参考）Googleドライブ上の動画の埋め込み
- 以前は、Googleドライブ上のコンテクストメニューから埋め込み用のURLを取得できたが、現在は若干面倒になっている。
- Gooleドライブで取得できる共有用のURLで動画を閲覧し、そのページの右上のプルダウンメニューから「アイテムを埋め込む…」を選ぶとHTMLコードをコピーできる。
- いちいちこの操作をする必要はなく、以下のように書けば埋め込める。
<iframe src="https://drive.google.com/file/d/{ファイルID}/preview" width="640" height="480"></iframe>
- 埋め込み用のHTMLコードを取得するための方法は、ちょいちょい仕様が変わる。
解決法
- Safariのセキュリティ設定に起因するので、サーバ側で回避することはできない。閲覧するユーザーに解決法の実行を促すしかない。
解決法１：別のブラウザで閲覧してもらう
- Chromeなどを使ってもらう。
解決法２：Safariのセキュリティ設定を変更してもらう
-
macOSのSafariなら、環境設定 → プライバシー のタブを開き、Webサイトによるトラッキングの サイト越えトラッキングを防ぐ のチェックを外す。
-
iOSのSafariなら、設定 → Safari の プライバシーとセキュリティ のブロックにある、 サイト越えトラッキングを防ぐ のチェックを外す。
解決法３：ポップアウトして閲覧してもらう
- 動画右上のボタンから別ウィンドウ（タブ）にポップアウトしてもらえば、閲覧可能です。
- ただし、Web上に埋め込まれた動画が、クリックすると真っ黒になってしまうという、コスメティックにダメっぽい問題は解決されません。
素朴な疑問
- 同じ Google 系の YouTube は問題なく閲覧できるのはどうしてなのか、謎。Googleドライブの動画機能は、YouTubeの機能制限版という雰囲気で、トラッキングとか YouTube の方が激しくやっていそうなものだが……