ホーム

HTML5ビデオDRM: HaihaisoftのDRM-X4.0では、HTML5ビデオタグを使用しています。 コンテンツプロバイダーは、標準のHTML5 Videoタグを使用し、VideoJSなどの有名なHTML5 Playerを使用し、JavaScriptを使用してHTML5 Playerと対話することで、ビデオを簡単に埋め込むことができます。

 

Xvast用のWordpressにHTML5 DRMビデオプレーヤーコードを埋め込む方法は?

XvastのHTML5 DRMビデオプレーヤーをWordpressに埋め込むには、コードを追加するだけです。

プレーヤーを大幅に変更する必要がない場合は、以下のコードを使用してビデオを埋め込みます。

<div id="Xvast_Video_URL" style="display: none;">https://www.drm-x.com/download/DRMX4/JesusFilm_cn_P.mp4</div>
<script type="text/javascript" src="https://www.xvast.com/jp/dist/js/embedPlayer.js"></script>
<script type="text/javascript" src="https://www.xvast.com/jp/dist/js/video.js"></script>
<script type="text/javascript" src="https://www.xvast.com/jp/dist/wordpress/XvastVideoJSPlayer.js"></script>

プレーヤーを変更する必要がある場合は、次の概要を参照してください。

注: iOSの場合、id値がxvast_ios_media_urlのdivを追加し、divを非表示にして、動画のURLをdivに書き込むと、Xvastがタグを自動的に認識し、プロンプトが表示されます。 このビデオを再生するかどうかのユーザー。 例:

<div id="xvast_ios_media_url" style="display: none;">https://www.drm-x.com/download/drmx4/JesusFilm_cn_P.mp4</div>

Xvast for iOSメディアの最新バージョンのURLに関する注意事項:

顧客にiOSで動画を再生してもらいたい場合は、リンクに_Pを使用して次の特性が必要です。 たとえば、リンクには_P.mp4、_P.mp3、または_P.pdfが含まれていますが、大文字と小文字は区別されません。 またはxvastが含まれています。 これらの特性の1つをダウンロードリンクの任意の場所に含めることができ、Xvast for iOSはダウンロードを認識してサポートします。

ウェブサイトのコントロールパネルに投稿またはページを追加し、エディターで編集ビューを「テキスト」に切り替え、コードをエディターにコピーして、[公開]ボタンをクリックしてください。 必要に応じてCSSコードを変更できます(XvastPlay.css)。

1. Video-js.css/video.jsは、VideoJSライブラリファイルです。 XvastPlayer.cssは、HTML5ビデオプレーヤーの追加スタイルファイルです。
2.プレーヤーボタンを追加します。 ユーザーがまだライセンスを取得していない場合は、プレーヤーボタンが表示されます。 ユーザーがクリックすると、JSイベントジャンプを実行してライセンスページを取得します。 必要に応じてXvastPlayer.cssを変更できます。
3.この部分は、iOSでのオンライン再生またはダウンロード再生用のビデオURLです。
4.この部分はHTML5プレーヤー(VideoJS)コードです。JSを使用してユーザーのブラウザーがXvastであるかどうかを検出し、そうでない場合は、Xvastを使用してURLにアクセスするようにユーザーに促します。
5.この部分は、JSコードを介したプレーヤーの制御ボタンであり、プレーヤーの早送り、巻き戻し、再生、一時停止、および再再生を制御します。 (必要に応じて使用できます)
6.Xvastオンラインプレーヤーのライセンス検出関連コード。

サンプルコードをダウンロードする: www.xvast.com/XvastPlayer/Xvast-demo.html
(JSおよびCSSファイルはダウンロードして独自のサーバーに配置できます)

                            
<link rel="stylesheet" type="text/css" href="https://www.xvast.com/XvastPlayer/css/video-js.css" />
<link rel="stylesheet" type="text/css" href="https://www.xvast.com/XvastPlayer/css/XvastPlay.css" />
<script src="https://www.xvast.com/XvastPlayer/js/video.js" type="text/javascript" charset="utf-8"></script>
<!--<link rel="stylesheet" type="text/css" href="https://www.xvast.com/XvastPlayer/css/skin/TechSkin-skin.css" />-->
<div id="LoadingText" style="display: none;" align="center">
	ライセンスページを取得するために接続して、お待ちください...
</div>
<div align="center" style="margin-top: 10px">

    <div id="playerButton" style="display: none;">
        <button onclick="supportType(event,'video/ogg','theora, vorbis')" class="playerButton" type="button">ライセンスを取得...</button>
    </div>
    
	<p><a href="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4">iOSでMP4をオンラインで再生する</a></p>
    
  <script type="text/javascript">
        if(navigator.userAgent.indexOf("Xvast") == -1){
            document.write("Xvastブラウザで保護されたファイルを開いてください。  Xvastをダウンロード");
        }else{
            document.write('<video id="xvast_player" controls="controls" src="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4" class="video-js" data-setup=\'{ "autoplay":false, "playbackRates": [0.5, 0.7, 1, 1.5, 2, 3, 4], "width": 856, "height": 480 }\'>');
        }
    </script>
    
</div>
<div id="buttonbar" align="center">
    <button id="restart" onclick="restart();">[]</button><button id="rew" onclick="skip(-5)"><<</button><button id="play" onclick="vidplay()">></button><button id="fastFwd" onclick="skip(5)">>></button>
</div>
<script src="https://www.xvast.com/XvastPlayer/js/XvastPlay.js" type="text/javascript" charset="utf-8"></script>

                            
                        

Haihaisoftの製品、価格設定、実装、またはその他について質問してください。高度な訓練を受けた担当者が待機しており、いつでもお手伝いします。