Casa

DRM-X 4.0 da Haihaisoft para vídeo HTML5, está usando a tag de vídeo HTML5. Os provedores de conteúdo podem facilmente incorporar vídeo usando a tag de vídeo HTML5 padrão e usando o famoso HTML5 Player, como o VideoJS, e usando JavaScript para interagir com o HTML5 Player.

 

Como incorporar o player de vídeo html5?

Se você não precisar modificar profundamente o player, use o código abaixo para incorporar o vídeo.

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

Se você precisar modificar o player, consulte a introdução a seguir.


Incluir VideoJS na cabeça:


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

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

Você também pode usar a outra skin de acordo com o estilo do seu site.

Aqui recomendamos uma ferramenta de geração de skin VideoJS, você pode personalizar a skin do player. https://codepen.io/heff/pen/EarCt

Incorporar VideoJS:

Observação: Para iOS, adicione um div com o valor de id de xvast_ios_media_url, oculte o div, escreva o URL do vídeo no div, o Xvast reconhecerá automaticamente a tag e solicitará ao usuário se deseja reproduzir este vídeo. tal como:

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

A versão mais recente do URL de mídia do Xvast para iOS observa:

Se você deseja que seus clientes reproduzam seus vídeos no iOS, você deve ter as seguintes características no link, com _P. Por exemplo, o link contém _P.mp4, _P.mp3 ou _P.pdf, que não diferencia maiúsculas de minúsculas. Ou contém xvast. Você pode incluir uma dessas características em qualquer local no link de download, então o Xvast para iOS reconhece e suporta downloads.

<div id="LoadingText" style="display: none;" align="center">
  Aguarde, conectando-se para obter a página de licença...
</div>
<div id="cellular_button" align="center"></div>
<div align="center">
  <script type="text/javascript">
    // Detectando o navegador atual, se não o Xvast, ele lembrará o usuário de abrir os arquivos protegidos no navegador Xvast,
// e lembrará o usuário de baixar o navegador Xvast. if(navigator.userAgent.indexOf("Xvast") == -1){ document.write('Por favor, abra os arquivos protegidos no navegador Xvast. Baixe o Xvast'); }else{ // Usa tag de vídeo HTML5; // Xvast mudará automaticamente o ID da tag de vídeo, // aqui xvast_player se tornará automaticamente xvast_player_html5_api; // Usar atributo src especifica o URL do vídeo; // class="video-js" usando o estilo VideoJS. // Na configuração de dados, use "autoplay":true; adicionar controle de reprodução automática; // Na configuração de dados, você pode usar "playbackRates": [0.5, 0.7, 1, 1.5, 2, 3, 4] add control speed function.; 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") { // Depois que a página estiver completa, e execute,Required;
// Obtém o player HTML5 // Xvast mudará automaticamente xvast_player para xvast_player_html5_api; myVid=document.getElementById("xvast_player_html5_api"); // Obter informações detalhadas retornadas pelo jogador,
// se o usuário precisar obter uma licença, retornará uma URL;
// Caso contrário, retornará os detalhes das informações do arquivo protegido e as informações da licença. isSupp=myVid.canPlayType('xvast'); // Verifica o tipo de rede do celular if(navigator.userAgent.indexOf("Mobile Xvast") > 0){ var con = window.navigator.connection; var network = con.type; // Rede de telefonia móvel:celular; wi-fi: wi-fi // Verifique se o seu telefone está usando uma rede móvel ou wifi if (network == "cellular"){ // Se o telefone estiver usando uma rede móvel, você precisa adicionar um botão para obter uma licença para a página document.getElementById("cellular_button").innerHTML = '<button style="height: 50px" class="m_g_b" onClick="supportType(event,\'video/ogg\',\'theora, vorbis\')">Reproduzir arquivo protegido (clique 2 vezes)</button>'; } } // Se as informações contidas na mensagem de retorno contiverem URL,
// é necessário obter uma licença. if(isSupp.indexOf("http")>0){ // Apenas uma dica, não - deve; document.getElementById("LoadingText").style.display='block'; // Usando substring para capturar uma URL para obter licença; licURL = isSupp.substring(isSupp.indexOf("http")); // Redirecionando para obter a página de licença para verificar e obter a licença. window.location.href = licURL; } } } </script>

O método a seguir fornece uma referência para obter mais informações, incluindo as informações de licença (contagem aberta e data de expiração), você pode obter essas informações de acordo com seus 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){

      // Obtém contagem aberta
      var openCount=isSupp.substring(isSupp.indexOf(":"),isSupp.indexOf(";"));

      // Obtém a data de expiração da licença
      var ft=isSupp.substring(isSupp.indexOf(";")+1);
      var ut = filetime_to_unixtime(ft);
      var d = new Date(ut * 1000);
      e.target.parentNode.innerHTML ="Contagem aberta" + openCount + ", Data de validade:" + d.toLocaleString();
      return;
    }

    if(isSupp.indexOf("Error ID = 3")>0){
      e.target.parentNode.innerHTML ="A licença expirou. Abra novamente o arquivo protegido para obter uma nova licença.";
      return;
    }
  }
}

Pergunte sobre os produtos, preços, implementação ou qualquer outra coisa da Haihaisoft — nossos representantes altamente treinados estão à disposição, prontos para ajudar.