Configuración del reproductor HTML5

Cuando HTML5 vídeo está convertido, recibirás surtido de archivos para cargar a tu servidor y el código siguiente para insertar en tu página HTML:
<link href="dvs/dvs_common_style.css" type="text/css" rel="stylesheet" />
<script src="dvs/ClassicSkinPlay.js" type="text/javascript"></script>
<script src="dvs/ClassicNeoSkinPlay.js" type="text/javascript"></script>
<script src="dvs/LineSkinPlay.js" type="text/javascript"></script>
<script src="dvs/LineSimpleSkinPlay.js" type="text/javascript"></script>
<script src="dvs/dvs_settings.js" type="text/javascript"></script>
<script src="dvs/DragObject.js" type="text/javascript"></script>
<script src="dvs/dragMaster.js" type="text/javascript"></script>
<script src="dvs/helpers.js" type="text/javascript"></script>
<script src="dvs/dvsplayer.js" type="text/javascript"></script><div id="dvsPlayer">
<video>
<source src="video/video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="video/video.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
</div>
<script type="text/javascript">
var dvsPlayer = new DVS_html5player();
var skin = new ClassicSkinPlay();
var sett = new dvsplay_settings();
//Aquí puedes cambiar la configuración que está definida es el archivo dvs_settings.js
dvsPlayer.Skin = skin;
dvsPlayer.settings=sett;
dvsPlayer.VideoTitle="Título del vídeo";
dvsPlayer.Init('dvsPlayer');
</script>

Puedes elegir uno de cuatros temas para tu reproductor:

Tema: Classic
Tema: Classic Neo
Tema: Line
Tema: Line Simple

Parámetros básicos para el reproductor están definidos en el archivo /dvs/dvs_settings.js. Puedes cambiarlos a tu gusto.

function dvsplay_settings () {
// Basic parameters
this.width=600;
this.height = 400;

this.backgroundColor="#000000";
this.controlBackgroundColor="#333333";

// Parameter affecting visibility of controls
this.displayMuteButton = true;
this.displayPlayPauseButton = true;
this.displayAutoPlayButton = true;
this.displayFullScreenModeButton = true;

this.displayVolumeControl = true;
this.displayTrackBar = true;

this.displayVolumeDigital = true;
this.displayVideoLengthDigitals = true;

// Parameters of the initial state of the player
this.startVolume = 0.5;
this.startPosition = 0;
this.muteButtonAtStart = false;

this.autoRewind = true;
this.autoPlay = true;
}

Nota que los parámetros que estan definidos en este archivo pueden ser superpuestos por los parámetros puestos por Tema. Por ejemplo, si pones la anchura de reproductor a 200, pero la anchura mínima del Tema está puesta a 300, tu reproductor tendrá la anchura de 300.

width
El ancho del reproductor (Es cambiado automáticamente si usas skin)

height
La altura del reproductor incluyendo el panel de control (la altura se cambie automáticamente si aplicas el Tema)

backgroundColor
El reproductor llena el color en formato RGB. P. ej. "#0000FF" significa azul. Si el vídeo tiene resolución más pequeña que aquel de reproductor, el espacio será llenado por color de llenar.

controlBackgroundColor
Panel de administración llena el color en formato RGB. P. ej. "#0000FF" significa azul.

displayMuteButton
Mostrar/ocultar el botón Silencio (true – mostrar, false - ocultar)

displayPlayPauseButton
Mostrar/ocultar el botón Reproducir/Parar (true – mostrar, false - ocultar)

displayAutoPlayButton
Mostrar/ocultar el botón AutoPlay (true – mostrar, false - ocultar)

displayFullScreenModeButton
Mostrar/ocultar el botón Modo de pantalla completa (no todos los navegadores soporta reproducción de HTML5 vídeo en el modo de pantalla completa)

displayVolumeControl
Mostrar/ocultar el botón de control del volumen (true – mostrar, false - ocultar)

displayTrackBar
Mostrar/ocultar la Barra de seguimientos (true – mostrar, false - ocultar)

displayVolumeDigital
Mostrar/ocultar los dígitos de control del volumen (true – mostrar, false - ocultar)

displayVideoLengthDigitals
Mostrar/ocultar dígitos mostrados duración del vídeo (true – mostrar, false - ocultar)

startVolume
Nivel de volumen inicial. Valores de 0 (mudo) a 1 (volumen máximo)

startPosition
Posición de reproducción inicial. Valores de 0 (el inicio del vídeo) a 1 (el fin del vídeo)

muteButtonAtStart
El botón Silencio está en principio (true – silencio, false – no silencio)

autoRewind
Rebobinamiento automático (true – reproducción empieza de nuevo cuando el vídeo alcanza al final, false – reproducción se para en fin del vídeo )

autoPlay
La función de autoplay (true – reproducción empieza automáticamente cuando la página ya está cargada, false – reproducción empieza cuando el botón Reproducir está apretado)

Síguenos
DVDVideoSoft facebook
Más de 600,000 fans
Suscríbete por e-mail
Más de 200,00 suscriptores