Android動画のHTML5保存を禁止する方法

藏色散人
リリース: 2023-02-08 09:34:38
オリジナル
1542 人が閲覧しました

Android ビデオの保存を禁止する HTML5 メソッド: 1. Video タグに「controlslist="nodownload"」属性を追加します。 2. 「$("#video01").bind('contextmenu」を追加します。 ' , function () {return false;})" コードを使用すると、ビデオ領域での右クリックの [名前を付けて保存] 機能を無効にすることができます。

Android動画のHTML5保存を禁止する方法

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、DELL G3 コンピューター

Android の動画保存を禁止する方法HTML5のように?

  • #HTML5 ビデオ タグは、ビデオの右クリックによる名前の保存をブロックする js コードと、ブラウザ コントロールを無効にする方法を実装します。ビデオでは右クリックのダウンロードが禁止されています

最近、競合他社が当社のウェブサイト上の動画をダウンロードして自社のものとして使用し、当社の利益を著しく害していることを当社が発見したため、当社のウェブサイトにこれを禁止する機能を追加するよう依頼されました。ビデオを右クリックしてダウンロードします。

ステップ 1、まず、ビデオ プレーヤーの右下隅にある 3 つのドットでダウンロード ボタンをブロックします (Chrome では 3 つのドットが表示されます)

ビデオにcontrolslist="nodownload" 属性を追加します。 tag

<div class="section-content">
    <video autoplay="" id="video01" loop="" muted="" width="100%" height="100%" controlsList="nodownload">
<source src="/www/video/smarthome.mp4" type="video/mp4">
    </video>
    <div class="video-content">
<div class="video-content-title">视频描述</div>
<div class="video-content-describe">测试代码</div>
    </div>
</div>
ログイン後にコピー

Android動画のHTML5保存を禁止する方法

ステップ 1 を完了すると、ビデオ プレーヤーの右下隅にある 3 つの点でダウンロード ボタンを非表示にすることができます (上の図を参照)。しかし、これで完全に禁止されると思いますか?実際にはそうではなく、マウスの右ボタンをクリックしてビデオに名前を付けて保存し、ビデオをダウンロードすることができます。完全に禁止したい場合は、ステップ 2 に進みます。

ステップ 2: ビデオ領域での右クリックの「名前を付けて保存」機能を無効にするこれに必要なのは 1 行の JS コードだけです。

以下のjsコードを追加しない場合、ビデオエリアでマウスを右クリックすると画像左側の関数が表示されますが、追加後は表示されなくなります

<script type="text/javascript">
    // html5-video标签屏蔽右键视频另存为的js代码
    $("#video01").bind(&#39;contextmenu&#39;, function () {
        return false;
    })
</script>
ログイン後にコピー

Android動画のHTML5保存を禁止する方法

注: myVideo はビデオ タグの ID であるため、ビデオ タグ領域の右クリック機能をブロックできます。

推奨学習: 「

HTML ビデオ チュートリアル

以上がAndroid動画のHTML5保存を禁止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート