サイト上の画像や動画のダウンロードを禁止する方法

スポンサーリンク

はじめに

ITStudyのサイトは技術系のサイトなので写真や動画をアップすることはほとんどありませんがフリーのイラストはよく使用しています。アイキャッチ画像とかがメインですね。先日、新たに素材集サイトを見つけたので何気に使用許諾の内容を見ていたら、以下の記載がありました。

  • 第三者が画像素材のみをダウンロードできないようにデザインに組み込む
  • 画像素材に文字載せ、簡単な合成等を施す
  • 第三者が動画素材のみをダウンロードできないように技術的措置を講じる

これ、かなり高度なことを要求している気がしますが、技術に詳しくない方が実施できるのか疑問に思いました。そのため、よく使われている対策手順をまとめておきます。

実施したいこと

  • 右クリックで画像や動画を保存するプルダウンメニューを表示させない
  • 動画のコントロールバーで「ダウンロード」項目を表示させない

設定方法

右クリックを禁止する

bodyタグの設定を変更します。

<body>
↓
<body oncontextmenu="return false;">

WordPressを使用している場合は、[外観]-[テーマエディター]から「header.php」ファイルを修正して下さい。

特定の画像に対して右クリックを禁止することも可能です。

<img src="画像のパス" oncontextmenu="return false;" />

動画のコントロールバーからダウンロードを削除する

<video controls src="・・・"></video>
↓
<video controls controlsList="nodownload" src="・・・"></video>

コメント