HTML5-Video-DRM: In DRM-X 4.0 von Haihaisoft wird das HTML5-Video-Tag verwendet. Inhaltsanbieter können Videos problemlos mit dem Standard-HTML5-Video-Tag einbetten, den bekannten HTML5-Player wie VideoJS verwenden und JavaScript für die Interaktion mit dem HTML5-Player verwenden.
Um den HTML5-DRM-Videoplayer von Xvast in Wordpress einzubetten, müssen Sie lediglich etwas Code hinzufügen.
Wenn Sie den Player nicht tiefgreifend modifizieren müssen, verwenden Sie bitte den folgenden Code, um das Video einzubetten.
<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/de/dist/js/embedPlayer.js"></script>
<script type="text/javascript" src="https://www.xvast.com/de/dist/js/video.js"></script>
<script type="text/javascript" src="https://www.xvast.com/de/dist/wordpress/XvastVideoJSPlayer.js"></script>Wenn Sie den Player ändern müssen, lesen Sie bitte die folgende Einführung.
Hinweis:Für iOS fügen Sie bitte ein Div mit dem ID-Wert xvast_ios_media_url hinzu, blenden Sie das Div aus, schreiben Sie die Video-URL in das Div. Xvast erkennt das Tag automatisch und fordert Sie dazu auf der Benutzer, ob dieses Video abgespielt werden soll. wie zum Beispiel:
<div id="xvast_ios_media_url" style="display: none;">https://www.drm-x.com/download/drmx4/JesusFilm_cn_P.mp4</div>Hinweise zur Medien-URL der neuesten Version von Xvast für iOS:
Wenn Sie möchten, dass Ihre Kunden Ihre Videos auf iOS abspielen, müssen Sie im Link die folgenden Merkmale mit _P aufweisen. Der Link enthält beispielsweise _P.mp4, _P.mp3 oder _P.pdf, wobei die Groß-/Kleinschreibung nicht berücksichtigt wird. Oder enthält xvast. Sie können eines dieser Merkmale an einer beliebigen Stelle im Download-Link einfügen, dann erkennt Xvast für iOS Downloads und unterstützt sie.
Bitte fügen Sie im Control Panel Ihrer Website einen Beitrag oder eine Seite hinzu, schalten Sie die Bearbeitungsansicht im Editor auf „Text“, kopieren Sie den Code in den Editor und klicken Sie auf die Schaltfläche „Veröffentlichen“. Sie können den CSS-Code entsprechend Ihren Anforderungen ändern (XvastPlay.css).
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 Player-Schaltfläche hinzu. Wenn Ihr Benutzer noch keine Lizenz erworben hat, wird die Player-Schaltfläche angezeigt. Wenn der Benutzer darauf klickt, wird der JS-Ereignissprung ausgeführt, um die Lizenzseite abzurufen. Sie können XvastPlayer.css entsprechend Ihren Anforderungen ändern.
3. Dieser Teil ist eine Video-URL für die Online-Wiedergabe oder Download-Wiedergabe in iOS.
4. Dieser Teil ist der Code des HTML5-Players (VideoJS). Verwenden Sie JS, um zu erkennen, ob der Browser des Benutzers Xvast ist. Wenn nicht, wird der Benutzer aufgefordert, Xvast für den Zugriff auf die URL zu verwenden.
5. Dieser Teil ist die Steuertaste des Players, mit der über den JS-Code das schnelle Vor- und Zurückspulen, die Wiedergabe, die Pause und die erneute Wiedergabe des Players gesteuert werden. (Sie können sie bei Bedarf verwenden)
6. Code zur Erkennung der Xvast-Online-Player-Lizenz.
Beispielcode herunterladen: www.xvast.com/XvastPlayer/Xvast-demo.html
(JS- und CSS-Dateien können heruntergeladen und auf Ihrem eigenen Server abgelegt 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">
Bitte warten, Verbindung herstellen, um die Lizenzseite zu erhalten ...
</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">Lizenz erhalten...</button>
</div>
<p><a href="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4">Spielen Sie MP4 online in iOS</a></p>
<script type="text/javascript">
if(navigator.userAgent.indexOf("Xvast") == -1){
document.write("Bitte öffnen Sie die geschützten Dateien im Xvast-Browser. Xvast herunterladen");
}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>
