videoタグのダウンロードボタンを消す方法【Chrome対応】

サイトにvideoタグで動画を埋め込み、かつコントロールバーを表示させたとき、Chromeで見ると右下にダウンロードのボタンが表示されます。

HTML5のvideoタグのダウンロードとピクチャーインピクチャーを消す

「ダウンロードを推奨するつもりじゃないし、消したいな…」と思ったら、videoタグに
controlslist=”nodownload”」を追加しましょう。

<video src="video.mp4" controls controlslist="nodownload"></video>

この記述だけでダウンロードボタンが消えます。

また、「ピクチャー イン ピクチャー」も消したい時は、videoタグに
disablepictureinpicture」の属性を追加します。

<video src="video.mp4" controls disablepictureinpicture controlslist="nodownload"></video>

ダウンロードとピクチャーインピクチャーを非表示にすると、3点リーダーのメニューアイコンも消えるので、2つとも消してしまうのをオススメします。

よかったらシェアしてね!
目次
閉じる