More than 3 years have passed since last update.

HTMLによる動画のダウンロード禁止について

Last updated at 2021-03-15Posted at 2021-03-15

最初に

WEBサーバで動画を配信したいが、ダウンロードはさせたくないという要件
を満たすには。

HTML5のvideoタグによる制御とapacheの設定で実現できたので共有。

調べれば個別に検索に引っ掛りますが、まとまったのがなかったので

videoタグに下記オプションを追加する。

oncontextmenu="return false;　※右クリックからのダウンロードを禁止
controlsList="nodownload"　※ダウンロードオプションを非表示

例

 <video src="video/test.mp4" oncontextmenu="return false;" controls controlsList="nodownload" preload="auto" width="100%" height="100%"></video>

直接アクセスを禁止させたいフォルダのパスを記述
これでHTMLによる制御と、直接アクセスによるダウンロードを阻止する。

<directory [アクセス禁止フォルダパス]>　※/var/www/html/videoなど
 Require all denied
</Directory>