Home

Video DRM HTML5: DRM-X 4.0 de Haihaisoft, utiliza etiquetas de video HTML5.Los proveedores de contenido pueden incrustar video fácilmente utilizando la etiqueta de video HTML5 estándar, y utilizando el famoso reproductor HTML5 VideoJS, y JavaScript para interactuar con el reproductor HTML5.

 

¿Cómo incrustar el código del reproductor de video DRM HTML5 en Wordpress para Xvast?

Para incrustar el reproductor de video DRM HTML5 de Xvast en Wordpress, solo necesita agregar algo de código.

Nota: Para iOS, para asegurarse de que el navegador Xvast conoce su etiqueta de video, no cambie la identificación de la etiqueta de video. Por favor, manténgalo xvast_player. Si no usa VideoJS, nombre la identificación de la etiqueta de video a: xvast_player_html5_api (Reemplace todo el xvast_player a xvast_player_html5_api si no usa VideoJS). Entonces Xvast para iOS puede reconocer su etiqueta de video.

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

Si desea que sus clientes reproduzcan sus videos en iOS, debe tener las siguientes características en el enlace, con _P. Por ejemplo, el enlace contiene _P.mp4, _P.mp3 o _P.pdf, lo que distingue entre mayúsculas y minúsculas. O contiene xvast. Puede incluir una de estas características en cualquier ubicación en el enlace de descarga, luego Xvast para iOS reconoce y admite descargas.

Agregue una publicación o una página en el Panel de Control de su sitio web, cambie la vista de edición a "Texto" en el editor, copie el código en el editor y haga clic en el botón Publicar. Puede modificar el código CSS según sus necesidades (XvastPlay.css).

1. Video-js.css/video.js es el archivo de la biblioteca VideoJS.XvastPlayer.css es el archivo adicional de estilo del reproductor de video 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. Cuando el usuario haga clic en él, ejecutará el salto de evento JS hacia la página de adquisición de licencia. Puede modificar XvastPlayer.css según su necesidad.
3. Esta parte es una URL de video para la reproducción en línea o descarga en iOS.
4. Esta parte es el código (VideoJS) del reproductor HTML5, use JS para detectar si el navegador del usuario es Xvast; de lo contrario, se solicitará al usuario que use Xvast para acceder a la URL.
5. Esta parte es el botón de control del reproductor, a través del código JS controla el reproductor para el avance rápido, rebobinar, reproducir, pausar y volver a reproducir. (Puede usarlos si lo necesita)
6. Código relacionado con la detección de la licencia del reproductor en línea Xvast.

Descargar el 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("Por favor, abra los archivos protegidos en el navegador Xvast.Descargue el navegador 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>

                            
                        

Pregunte acerca de los productos Haihaisoft, los precios, la implementación o cualquier otra cosa: nuestros representantes altamente capacitados están listos para ayudar.