仕事・技術 トップページ(102記事)

HTMLのビデオプレイヤーで、ピクチャーインピクチャーやダウンロードのメニューを消す方法

html5のビデオタグを使うと、デフォルトでは上画像のように右側にメニューボタンが表示されてしまいます。

メニューボタンをクリックすると、ダウンロードとピクチャーインピクチャーが表示されます。

これを消すには、以下のように、videoタグに「disablepictureinpicture」と「controlslist=”nodownload”」という二つの属性を追加します。

<video src="動画のURL" disablepictureinpicture controlslist="nodownload"></video>

メニューが表示されなくなりました。

ピクチャーインピクチャーだけを非表示にしたい場合は、disablepictureinpictureだけでいいですし、ダウンロードだけを非表示にしたい場合は、controlslist=”nodownload”だけでよいです。

仕事・技術 トップページ(102記事)

ページの先頭へ