Home

DRM-X 4.0 de Haihaisoft para Video HTML5, 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 reproductor de video html5?

Si no necesita modificar profundamente el reproductor, use el código a continuación para insertar el video.

<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/es/dist/js/embedPlayer.js"></script>
<script type="text/javascript" src="https://www.xvast.com/es/dist/js/video.js"></script>
<script type="text/javascript" src="https://www.xvast.com/es/dist/wordpress/XvastVideoJSPlayer.js"></script>

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


Incluir VideoJS en el encabezado:


<!--Incluir biblioteca VideoJS-->
<link rel="stylesheet" type="text/css" href="css/video-js.css" />
<script src="js/video.js" type="text/javascript" charset="utf-8"></script>

<!--Utilizar apariencia VideoJS-->
<link rel="stylesheet" type="text/css" href="css/skin/TechSkin-skin.css" />
                            
                        

También puede usar otra apariencia según el estilo de su sitio web.

Aquí recomendamos una herramienta de generación de apariencias VideoJS, donde puede personalizar el aspecto del reproductor. https://codepen.io/heff/pen/EarCt

Incrustar VideoJS:

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

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

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.

<div id="LoadingText" style="display: none;" align="center">
  Aguarde, por favor. Conectando con la página de adquisición de licencia...
</div>
<div id="cellular_button" align="center"></div>
<div align="center">
  <script type="text/javascript">
    // Detectando el navegador actual, si no es Xvast, le sugerirá al usuario que abra los archivos protegidos en el navegador Xvast,
// y sugerirá al usuario que descargue el navegador Xvast. if(navigator.userAgent.indexOf("Xvast") == -1){ document.write('Por favor, abra los archivos protegidos en el navegador Xvast.Descargue el navegador Xvast.'); }else{ // Usar etiquetas de video HTML5; // Xvast cambiará automáticamente la ID de la etiqueta de video, // aquí el video de muestra se convertirá automáticamente en xvast_player_html5_api; // Utilizar el atributo src especifica la URL del video; // la clase "video" está usando el estilo de VideoJS . // En data-setup , use "autoplay":true; para agregar el control de reproducción automática; // En data-setup , puede usar "playbackRates": [0.5, 0.7, 1, 1.5, 2, 3, 4] para agregar la función de control de velocidad.; document.write('<video id="xvast_player" controls="controls" class="video-js" data-setup=\'{"playbackRates": [0.5, 0.7, 1, 1.2, 1.5, 2], "autoplay":false, "width": 856, "height": 480 }\'><source src="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4" type="video/mp4"></video>'); } </script> </div>

Código Javascript:

<script type="text/javascript">
  document.onreadystatechange = function () {
    if (document.readyState == "complete") { // Después de que la página está completa, y ejecutada , Requerido;
// Obtener reproductor HTML5 // Xvast cambiará automáticamente el video de muestra por xvast_player_html5_api; myVid=document.getElementById("xvast_player_html5_api"); // Obtener información detallada del reproductor,
// si el usuario necesita obtener una licencia, devolverá una URL;
// De lo contrario, devolverá los detalles de la información del archivo protegido y la información de la licencia. isSupp=myVid.canPlayType('xvast'); // Verifique el tipo de red telefónica if(navigator.userAgent.indexOf("Mobile Xvast") > 0){ var con = window.navigator.connection; var network = con.type; // red de telefonía móvil: cellular; wifi: wifi // Verifica si tu teléfono está usando una red móvil o wifi if (network == "cellular"){ // Si el teléfono usa una red móvil, debe agregar un botón para obtener una licencia para la página document.getElementById("cellular_button").innerHTML = '<button style="height: 50px" class="m_g_b" onClick="supportType(event,\'video/ogg\',\'theora, vorbis\')">Reproducir archivo protegido (haga clic 2 veces)</button>'; } } // Si la información contenida en el mensaje devuelto contiene una URL,
// se requiere obtener una licencia. if(isSupp.indexOf("http")>0){ Solo un consejo, no - debe; document.getElementById("LoadingText").style.display='block'; // Usar una subcadena para capturar una URL para obtener una licencia; licURL = isSupp.substring(isSupp.indexOf("http")); // Redirigir a la página de adquisición de licencia para verificar y obtener una licencia. window.location.href = licURL; } } } </script>

El siguiente método proporciona una referencia para obtener más información, incluyendo información de licencia (Conteo abierto y Fecha de vencimiento), puede obtener esta información según sus requisitos.

function supportType(e,vidType,codType){
  myVid=document.getElementById("xvast_player_html5_api");
  isSupp=myVid.canPlayType("xvast");
  myVid.play();
  licURL = isSupp.substring(isSupp.indexOf("http"));

  if(isSupp.indexOf("http")>0){
    window.location.href = licURL;
  }else{
    if(isSupp.indexOf("License")>0){

      Obtener conteo abierto
      var openCount=isSupp.substring(isSupp.indexOf(":"),isSupp.indexOf(";"));

      // Obtener fecha de vencimiento de la licencia
      var ft=isSupp.substring(isSupp.indexOf(";")+1);
      var ut = filetime_to_unixtime(ft);
      var d = new Date(ut * 1000);
      e.target.parentNode.innerHTML ="Conteo abierto" + openCount + ", Fecha de vencimiento:" + d.toLocaleString();
      return;
    }

    if(isSupp.indexOf("Error ID = 3")>0){
      e.target.parentNode.innerHTML ="La licencia ha caducado. Por favor, vuelva a abrir el archivo protegido para obtener una nueva licencia.";
      return;
    }
  }
}

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