Pour intégrer le lecteur vidéo HTML5 DRM de Xvast dans Wordpress, il vous suffit d'ajouter du code.
Si vous n'avez pas besoin de modifier profondément le lecteur, veuillez utiliser le code ci-dessous pour intégrer la vidéo.
<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/fr/dist/js/embedPlayer.js"></script>
<script type="text/javascript" src="https://www.xvast.com/fr/dist/js/video.js"></script>
<script type="text/javascript" src="https://www.xvast.com/fr/dist/wordpress/XvastVideoJSPlayer.js"></script>
Si vous devez modifier le lecteur, veuillez vous référer à l'introduction suivante.
Note: Pour iOS, veuillez ajouter un div avec la valeur id de xvast_ios_media_url, masquer le div, écrire l'URL de la vidéo dans le div, Xvast reconnaîtra automatiquement le tag et invitera l'utilisateur à lire cette vidéo. tel que:
<div id="xvast_ios_media_url" style="display: none;">https://www.drm-x.com/download/drmx4/JesusFilm_cn_P.mp4</div>
La dernière version de Xvast pour iOS multimédia indique:
Si vous souhaitez que vos clients lisent vos vidéos sur iOS, vous devez avoir les caractéristiques suivantes dans le lien, avec _P. Par exemple, le lien contient _P.mp4, _P.mp3 ou _P.pdf, sans distinction de casse. Ou contient xvast. Vous pouvez inclure l'une de ces caractéristiques à n'importe quel emplacement du lien de téléchargement, puis Xvast pour iOS reconnaît et prend en charge les téléchargements.
Veuillez ajouter un message ou une page dans le panneau de configuration de votre site Web, basculez la vue d'édition sur "Texte" dans l'éditeur, copiez le code dans l'éditeur et cliquez sur le bouton Publier. Vous pouvez modifier le code CSS en fonction de vos besoins (XvastPlay.css).
1. Video-js.css / video.js est le fichier de bibliothèque VideoJS. XvastPlayer.css est le fichier de style supplémentaire du lecteur vidéo HTML5.
2. Ajoutez le bouton du joueur. Si votre utilisateur n'a pas encore obtenu de licence, le bouton du lecteur sera affiché. Lorsque l'utilisateur clique dessus, il exécute le saut d'événement JS pour obtenir la page de licence. Vous pouvez modifier XvastPlayer.css en fonction de vos besoins.
3. Cette partie est une URL de vidéo pour une lecture en ligne ou une lecture téléchargée sous iOS.
4. Cette partie correspond au code du lecteur HTML5 (VideoJS). Utilisez JS pour déterminer si le navigateur de l'utilisateur est Xvast. Dans le cas contraire, il sera invité à utiliser Xvast pour accéder à l'URL.
5. Cette partie est le bouton de commande du lecteur, via le code JS, qui permet de contrôler l’avance, le rembobinage, la lecture, la pause et la relecture du lecteur. (Vous pouvez les utiliser si vous en avez besoin)
6. Code associé à la détection de licence du joueur en ligne Xvast.
Télécharger un exemple de code:www.xvast.com/XvastPlayer/Xvast-demo.html
(Les fichiers JS et CSS peuvent être téléchargés et placés sur votre propre serveur)
<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">
Veuillez patienter, connectez-vous pour obtenir la page de licence ...
</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">Obtenir une licence...</button>
</div>
<p><a href="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4">Jouer MP4 en ligne sur iOS</a></p>
<script type="text/javascript">
if(navigator.userAgent.indexOf("Xvast") == -1){
document.write("Veuillez ouvrir les fichiers protégés dans le navigateur Xvast. 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>