ホーム

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

 

HTML5ビデオプレーヤーを埋め込む方法は?

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

<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>

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


VideoJSを頭に含める:


<!--VideoJSライブラリを含める-->
<link rel="stylesheet" type="text/css" href="css/video-js.css" />
<script src="js/video.js" type="text/javascript" charset="utf-8"></script>

<!--VideoJSスキンの使用-->
<link rel="stylesheet" type="text/css" href="css/skin/TechSkin-skin.css" />
                            
                        

ウェブサイトのスタイルに合わせて、他のスキンを使用することもできます。

ここでは、VideoJSスキン生成ツールをお勧めします。プレーヤーのスキンをカスタマイズできます。 https://codepen.io/heff/pen/EarCt

VideoJSを埋め込む:

注: 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はダウンロードを認識してサポートします。

<div id="LoadingText" style="display: none;" align="center">
  ライセンスページを取得するために接続して、お待ちください...
</div>
<div id="cellular_button" align="center"></div>
<div align="center">
  <script type="text/javascript">
    // Xvastでない場合、現在のブラウザを検出すると、Xvastブラウザで保護されたファイルを開くようにユーザーに通知します。
// Xvastブラウザをダウンロードするようにユーザーに通知します。 if(navigator.userAgent.indexOf("Xvast") == -1){ document.write('Xvastブラウザで保護されたファイルを開いてください。 Xvastをダウンロード'); }else{ // HTML5ビデオタグを使用します; // XvastはビデオタグのIDを自動的に変更します。 // ここでxvast_playerは自動的にxvast_player_html5_apiになります; // src属性を使用してビデオURLを指定します。 // VideoJSスタイルを使用するclass="video-js"。 // データ設定では、「autoplay」を使用します:true; 自動再生制御を追加します。 // データ設定では、「playbackRates」を使用できます:[0.5、0.7、1、1.5、2、3、4]制御速度関数を追加します。; document.write('<video id="xvast_player" controls="controls" class="video-js" data-setup=\'{"playbackRates": [0.5, 0.7, 1, 1.2, 1.5, 2], "autoplay":false, "width": 856, "height": 480 }\'><source src="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4" type="video/mp4"></video>'); } </script> </div>

Javascriptコード:

<script type="text/javascript">
  document.onreadystatechange = function () {
    if (document.readyState == "complete") { // ページが完成し、実行した後、必須; 
// HTML5プレーヤーを取得します // Xvastは自動的にxvast_playerをxvast_player_html5_apiに変更します; myVid=document.getElementById("xvast_player_html5_api"); // プレーヤーから返された詳細情報を取得します
// ユーザーがライセンスを取得する必要がある場合は、URLを返します;
// それ以外の場合は、保護されたファイル情報とライセンス情報の詳細を返します。 isSupp=myVid.canPlayType('xvast'); // 携帯電話のネットワークタイプを確認します if(navigator.userAgent.indexOf("Mobile Xvast") > 0){ var con = window.navigator.connection; var network = con.type; // 携帯電話ネットワーク:cellular; 無線LAN:wifi // お使いの携帯電話がモバイルネットワークまたはwifiを使用しているかどうかを確認します if (network == "cellular"){ // 電話がモバイルネットワークを使用している場合は、ページへのライセンスを取得するためのボタンを追加する必要があります document.getElementById("cellular_button").innerHTML = '<button style="height: 50px" class="m_g_b" onClick="supportType(event,\'video/ogg\',\'theora, vorbis\')">保護されたファイルを再生する(2回クリック)</button>'; } } // 返信メッセージに含まれる情報にURLが含まれている場合、
// ライセンスを取得する必要があります。 if(isSupp.indexOf("http")>0){ // ヒント、非必須; document.getElementById("LoadingText").style.display='block'; // 部分文字列を使用してURLをキャプチャし、ライセンスを取得します。 licURL = isSupp.substring(isSupp.indexOf("http")); // ライセンスを確認して取得するためのライセンスページを取得するようにリダイレクトします。 window.location.href = licURL; } } } </script>

次の方法は、ライセンス情報(オープンカウントと有効期限)を含む詳細情報を取得するための参照を提供します。要件に応じてこの情報を取得できます。

function supportType(e,vidType,codType){
  myVid=document.getElementById("xvast_player_html5_api");
  isSupp=myVid.canPlayType("xvast");
  myVid.play();
  licURL = isSupp.substring(isSupp.indexOf("http"));

  if(isSupp.indexOf("http")>0){
    window.location.href = licURL;
  }else{
    if(isSupp.indexOf("License")>0){

      // オープンカウントを取得します
      var openCount=isSupp.substring(isSupp.indexOf(":"),isSupp.indexOf(";"));

      // ライセンスの有効期限を取得します
      var ft=isSupp.substring(isSupp.indexOf(";")+1);
      var ut = filetime_to_unixtime(ft);
      var d = new Date(ut * 1000);
      e.target.parentNode.innerHTML ="オープンカウント" + openCount + ", 有効期限:" + d.toLocaleString();
      return;
    }

    if(isSupp.indexOf("Error ID = 3")>0){
      e.target.parentNode.innerHTML ="ライセンスの有効期限が切れています。保護されたファイルを再度開いて、新しいライセンスを取得してください。";
      return;
    }
  }
}

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