API – El API Video.js le permite controlar el vídeo a través de javascript o activación de detectores de eventos, si el vídeo se reproduce a través de HTML5, Flash, u otra tecnología de la reproducción.
Skins – Puede cambiar el aspecto del reproductor a través de las tecnologías de reproducción con sólo editar un archivo CSS. La documentación pieles le da una introducción a cómo se ponen juntos el código HTML y CSS de la piel por defecto.
Tech – A ‘la tecnología de reproducción’ es el término que utilizamos para representar vídeo HTML5, Flash y otros plugins de video, así como otros jugadores como el reproductor de YouTube. Básicamente cualquier cosa que tenga una API única de audio o vídeo. Tecnologías adicionales de reproducción se pueden añadir con relativa facilidad.
Plugins – Puede empaquetar interesantes personalizaciones Video.js y reutilizarlos en otros lugares. Averigüe cómo construir su propio plugin o utilice uno creado por otra persona.
insertar este fracmento de código en <HEAD> de tu sitio web
<!-- JS and CSS for Video Player -->
<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.12/video.js"></script>
<style type="text/css">
.vjs-default-skin .vjs-big-play-button { font-size: 2em; }
</style>
Inserte este fracmento de código HTML a la posicion en donde quieras mostrar
<video id="MY_VIDEO_1" class="video-js vjs-default-skin" style="margin-bottom: 15px;" controls preload="none" width="500" height="260" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
<source src="MY_VIDEO.mp4" type='video/mp4'>
<source src="MY_VIDEO.webm" type='video/webm'>
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>
width=”500″: Define el ancho del reproductor.
height=”260″: Define la altura del reproductor.
poster=”MY_VIDEO_POSTER.jpg”: Define una imágen de presentación.
(2 votos, average: 5,00 out of 5)
Loading...