Home

HTML5 Video DRM: Dans DRM-X 4.0 de Haihaisoft, il utilise une balise vidéo HTML5. Les fournisseurs de contenu peuvent facilement intégrer une vidéo à l'aide d'une balise vidéo HTML5 standard, d'un célèbre lecteur HTML5 tel que VideoJS et de JavaScript pour interagir avec le lecteur HTML5.

 

Comment intégrer du code de lecteur HTML5 DRM Video dans Wordpress pour Xvast?

Pour intégrer le lecteur vidéo HTML5 DRM de Xvast dans Wordpress, il vous suffit d'ajouter du code.

Note: Pour iOS, afin de vous assurer que le navigateur Xvast connaît votre balise vidéo, veuillez ne pas modifier l'ID de balise vidéo. Veuillez le garder xvast_player. Si vous n'utilisez pas VideoJS, veuillez nommer l'id de la balise video video: xvast_player_html5_api (veuillez remplacer xvast_player par xvast_player_html5_api si vous n'utilisez pas VideoJS). Donc, Xvast pour iOS peut reconnaître votre tag vidéo.

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>

                            
                        

Posez des questions sur les produits Haihaisoft, les prix, la mise en œuvre ou toute autre chose. Nos représentants hautement qualifiés sont à vos côtés, prêts à aider.