WordPressに埋め込み動画を挿入し、パスワード保護+ダウンロード可能なページを作成しようと思った忘備録です。
AndroidとWindowsでうまくいった動画埋め込み方法

WordPressでの操作
- ブロックエディタから「動画」を選択する
- メディアからアップロードしておいた動画を指定する
たったのこれだけ。すると埋め込みの動画が表示されるようになります。
ただ、Android端末とWindows11では埋め込み動画の右下に「…」が表示されており、そこから「ダウンロード」を選択すれば保存できました。
ただ、iPhoneはiOSが古い新しい関係なくダウンロード項目が表示されませんでした。(Safari)
(埋め込み動画を長押ししてもダメ)
iPhone 動画ダウンロードボタンでの応急対応
videoタグではなくaタグでダウンロードボタンを別途設けることで対応しました。
<a href="https://***.jp/wp-content/uploads/2024/12/***.mp4" download />ダウンロード</a>
今のところiOS18のSE等でもダウンロードは確認できたので一旦これにて解決。
なんとかAndroid、Windows、iPhoneで動画がダウンロードできるかたちになってよかったです。
逆にダウンロードされたくない場合
埋め込み動画のブロックを選択し、「HTMLから編集」を選択する
videoタグに属性を追加すれば、ダウンロードと右クリックを不可にすることができるようでした。
<figure class=”wp-block-video”><video controls controlslist=”nodownload” oncontextmenu=”return false;” src=”https://***.jp/wp-content/uploads/2024/12/***.mp4″></video></figure>
また機会があれば試してみます。
以上、WordPressでの埋め込み動画についてでした。