Vanilla JS Custom HTML5 Video Player-PurePlayer
| Autor: | ollyxar |
|---|---|
| Views Total: | 1,360 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 11, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
PurePlayer es una vainilla JavaScript < a href = "https://wikicss.com/tag/video-player/" > reproductor de vídeo HTML5 que carga dinámicamente los archivos de vídeo apropiados basados en el tamaño de la pantalla.
Funcionamiento
Cargue la hoja de estilos pure_player. CSS y JavaScript pure_player. js en el documento.
<link rel="stylesheet" href="dist/css/pure_player.css"> <script src="dist/js/pure_player.min.js"></script>
Aplica PurePlayer a tu vídeo HTML5 existente.
<video class="my-player" src="1.mp4"></video>
document.querySelector('.my-player').purePlayer(); Establezca PurePlayer para cargar dinámicamente el vídeo adecuado en el documento en función del tamaño de pantalla que especifique.
<div class="my-player2"></div>
var player = document.querySelector('.my-player2').purePlayer({
format: 'video/mp4',
video: {
'720': {
'src': '720.mp4'
},
'480': {
'src': '480.mp4'
},
'360': {
'src': '360.mp4'
},
'240': {
'src': '240.mp4'
}
}
}); Registro de cambios
v1.1.1 (10/11/2018)
- Se han corregido los eventos clave de Chrome
