1. ホーム
  2. ハイパーリンク

[解決済み】Chrome 55で、HTML 5動画のダウンロードボタンが表示されない【重複】。

2022-04-18 23:07:21

質問

このダウンロードボタンに <video> タグは、Chrome 55 では表示されますが、Chrome 54 では表示されません。

Chrome 55でダウンロードボタンが見えないようにするには、どうすればよいですか?

私はこれまで <video> タグを使用して、このビデオを私のウェブページに埋め込むことができます。そこで、このダウンロードオプションを削除するための何らかのコードが必要です。

以下は私の現在のコードです。

<video width="512" height="380"  controls>
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>

解決方法は?

これが解決策です( この記事 )

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

アップデート2: リモさんによる新しい解決策

<video width="512" height="380" controls controlsList="nodownload">
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>