HTML videoタグのダウンロード禁止の方法

Question

動画サイトを作成中なのですが、videoタグで再生中の動画をダウンロードできないようにしたいです。

videoタグにcontrolslist="nodownload"を追加しても、開発者ツールからそれを消せばダウンロードボタンが復活してダウンロード可能になってしまいます。
aタグを作成して、href属性にvideoタグのsrcに書かれているblobのURLを写せばダウンロード可能になってしまいます。

Pornhubではそれらができず、controls属性を追加してcontrolslist="nodownload"を削除してもメニューにダウンロードボタンは出てこないし、blobのURLを使ってもダウンロードに失敗していまします。

どういう仕組みになっているかわかりませんか？

Answer 1

Pornhubで実際にどうやっているのかは調べていませんが、MutationObserver を使って、

• controlslist 属性が編集されたら即座に元にもどす
• <a download> が足されたら即座に削除する
• 予期しないDOMの変更があったら blob URL を revoke する

などでかなり防げる気がします。