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.
<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 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
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>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>
<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;
}
}
}