WordPressの動画からダウンロードメニューを消して、動画上で右クリックできなくする方法
今回は動画のサイズが大きいのでFTPで
wp-content/uploads/2021/09/ファイル名.mp4
に事前にアップロードして、
動画の挿入からURLから挿入で設置し、HTMLを変更することで対応します。
ブロックエディタの＋をクリックして動画用ブロクを追加します。
URLから挿入
FTPでアップロードした、動画のURLを挿入します。
URL
動画が挿入されますので、ダウンロードを表示できなくるのと、動画上で右クリックできなくするため、HTMLとして編集をします。
HTMLを以下のように編集します。
元のHTML
<figure class=”wp-block-video”><video controls src=”https://ドメイン.com/wp-content/uploads/2021/09/フィル名.mp4″></video></figure>
編集後のHTML
controlslist=”nodownload” oncontextmenu=”return false;” を <video controlsの後に追加します。
<figure class=”wp-block-video”><video controls controlslist=”nodownload” oncontextmenu=”return false;” src=”https://ドメイン.com/wp-content/uploads/2021/09/ファイル名.mp4″></video></figure>
これで、ダウンロードの表示がなくなり、なおかつ動画の上で右クリックできなくなります。
