Para incrustar el reproductor de video DRM HTML5 de Xvast en Wordpress, solo necesita agregar algo de código.
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.
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.
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>