¿Cómo integrar el código del reproductor de vídeo HTML5 DRM en Wordpress para Xvast?

¿Cómo integrar el código del reproductor de vídeo HTML5 DRM en Wordpress para Xvast?

Para integrar el reproductor de vídeo DRM HTML5 de Xvast en Wordpress, solo necesitas agregar algo de código.

Si no necesita modificar profundamente el reproductor, utilice el código siguiente para insertar el vídeo.

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

Si necesita modificar el reproductor, consulte la siguiente introducción.

Nota: Para iOS, agregue un div con el valor de id de xvast_ios_media_url, oculte el div, escriba la URL del video en el div, Xvast reconocerá automáticamente la etiqueta y le preguntará al usuario si desea reproducir este video, como por ejemplo:

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

Notas de URL de medios de la última versión de Xvast para iOS:

Si desea que sus clientes reproduzcan sus videos en iOS, debe incluir las siguientes características en el enlace, con _P. Por ejemplo, el enlace puede contener _P.mp4, _P.mp3 o _P.pdf, que no distingue entre mayúsculas y minúsculas. O puede incluir xvast. Puede incluir una de estas características en cualquier lugar del enlace de descarga para que Xvast para iOS reconozca y admita las descargas.

Añade una entrada o página en el Panel de Control de tu sitio web, cambia la vista de edición a "Texto" en el editor, copia el código y haz clic en el botón "Publicar". Puedes modificar el código CSS según tus necesidades (XvastPlay.css).

1. Video-js.css/video.js es el archivo de la biblioteca VideoJS. XvastPlayer.css es el archivo de estilo adicional del reproductor de vídeo HTML5. 2. Agregue el botón del reproductor. Si su usuario aún no ha obtenido una licencia, se mostrará el botón del reproductor. Al hacer clic en él, se ejecutará el evento JS para acceder a la página de licencia. Puede modificar XvastPlayer.css según sus necesidades. 3. Esta parte es una URL de video para reproducción en línea o descarga en iOS. 4. Esta parte es el código del reproductor HTML5 (VideoJS), usa JS para detectar si el navegador del usuario es Xvast, si no, le pedirá al usuario que use Xvast para acceder a la URL. 5. Esta parte es el botón de control del reproductor. Mediante código JS, se controla el avance rápido, el rebobinado, la reproducción, la pausa y la reproducción. (Puedes usarlos si lo necesitas). 6. Código relacionado con la detección de licencia del jugador en línea de Xvast.

Descargar código de muestra: www.xvast.com/XvastPlayer/Xvast-demo.html (Los archivos JS y CSS se pueden descargar y colocar en su propio servidor)

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