設置したvideoタグの動画のダウンロードを妨げる方法 - Qiita

はじめに 今回はフロントエンド側の操作でvideoタグの動画のダウンロードを困難にする方法を紹介します。 「禁止する方法」ではなく「妨げる方法」としたのは、フロントエンドの実装だけで動画のダウンロードを禁止するのは不可能だからです。 完全に禁止したい場合は、サーバーサイドで動画へのアクセス制限を行ったり、HLS形式で配信する必要があります。 今回はあくまでフロントエンドの実装でユーザーの動画ダウンロードを簡単にはさせない方法を紹介します。 対象 作成したページ内にvideoタグを利用した動画が存在し、ダウンロードをさせたくない場合 フロントエンド側で動画のダウンロードを禁止したい場合 動画のダウンロードを妨げる方法 videoタグの属性指定 まずは、特定のブラウザで表示させるダウンロードボタンを非表示にする方法です。 特定のブラウザでは以下のようにご親切にダウンロードボタンが表示されます。