Wie kann ich HTML5 DRM-Videoplayer-Code für Xvast in WordPress einbetten?

Wie kann ich HTML5 DRM-Videoplayer-Code für Xvast in WordPress einbetten?

Um den HTML5 DRM-Videoplayer von Xvast in WordPress einzubetten, müssen Sie lediglich etwas Code hinzufügen.

Falls Sie den Player nicht grundlegend modifizieren müssen, verwenden Sie bitte den unten stehenden Code, um das Video einzubetten.

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

Falls Sie den Player modifizieren müssen, lesen Sie bitte die folgende Einleitung.

Notiz: Für iOS fügen Sie bitte ein div-Element mit der ID „xvast_ios_media_url“ hinzu, blenden Sie dieses aus und fügen Sie die Video-URL ein. Xvast erkennt das Tag automatisch und fragt den Benutzer, ob er das Video abspielen möchte. Zum Beispiel:

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

Die neueste Version von Xvast für iOS-Medien-URL-Notizen:

Damit Ihre Kunden Ihre Videos auf iOS abspielen können, muss der Link die folgenden Merkmale mit dem Suffix „_P“ enthalten. Beispielsweise muss der Link „_P.mp4“, „_P.mp3“ oder „_P.pdf“ enthalten (Groß-/Kleinschreibung wird nicht beachtet). Alternativ kann er auch „xvast“ enthalten. Sie können eines dieser Merkmale an beliebiger Stelle im Download-Link einfügen; Xvast für iOS erkennt diese Merkmale und unterstützt die Downloads.

Bitte fügen Sie im Kontrollfeld Ihrer Website einen Beitrag oder eine Seite hinzu, wechseln Sie im Editor zur Textansicht, kopieren Sie den Code in den Editor und klicken Sie auf „Veröffentlichen“. Sie können den CSS-Code (XvastPlay.css) nach Ihren Bedürfnissen anpassen.

1. Video-js.css/video.js ist die VideoJS-Bibliotheksdatei. XvastPlayer.css ist die zusätzliche Stildatei für den HTML5-Videoplayer. 2. Fügen Sie die Wiedergabetaste hinzu. Falls Ihr Benutzer noch keine Lizenz erworben hat, wird die Wiedergabetaste angezeigt. Beim Klicken darauf wird ein JavaScript-Ereignis ausgeführt, das zur Lizenzseite führt. Sie können die Datei XvastPlayer.css Ihren Bedürfnissen entsprechend anpassen. 3. Dieser Teil ist eine Video-URL zum Online-Abspielen oder Herunterladen und Abspielen auf iOS. 4. Dieser Teil ist der HTML5-Player-Code (VideoJS). Mithilfe von JavaScript wird erkannt, ob der Browser des Benutzers Xvast ist. Falls nicht, wird der Benutzer aufgefordert, Xvast zu verwenden, um auf die URL zuzugreifen. 5. Dieser Teil ist die Steuerungsschaltfläche des Players. Mithilfe des JavaScript-Codes lassen sich die Funktionen Vor- und Zurückspulen, Wiedergabe, Pause und Wiederholung steuern. (Sie können diese bei Bedarf verwenden.) 6. Code zur Erkennung der Online-Spielerlizenz von Xvast.

Beispielcode herunterladen: www.xvast.com/XvastPlayer/Xvast-demo.html (JS- und CSS-Dateien können heruntergeladen und auf Ihrem eigenen Server gespeichert werden)

<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">
	Please wait, connecting to obtain license page...'
</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">Get License...</button>
    </div>
    
	<p><a href="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4">Play MP4 online in iOS</a></p>
    
  <script type="text/javascript">
        if(navigator.userAgent.indexOf("Xvast") == -1){
            document.write("Please open the protected files in Xvast browser. Download 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>