Quando HTML5 vídeo estiver convertido, receberás vários ficheiros para carregar no teu servidor e o seguinte código para inserir na tua 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();
//Aqui podes modificar a configuração que está definida, é o ficheiro dvs_settings.js
dvsPlayer.Skin = skin;
dvsPlayer.settings=sett;
dvsPlayer.VideoTitle="Título del vídeo";
dvsPlayer.Init('dvsPlayer');
</script>
Os parâmetros básicos para o reprodutor estão definidos no ficheiro /dvs/dvs_settings.js. Podes modificá-los como mais gostares.
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: os parâmetros que estão definidos neste ficheiros podem ser sobrepostos pelos parâmetros colocados por Tema. Por exemplo, se colocas a largura do reprodutor a 200, mas a largura mínima do Tema está posta em 300, o teu reprodutor terá uma largura de 300.
width
A largura do reprodutor (é modificada automaticamente se utilizas skin)
height
A altura do reprodutor incluindo o painel de controlo (a altura muda automaticamente se aplicares o Tema)
backgroundColor
O reprodutor enche a cor no formato RGB. Por exemplo, "#0000FF" significa azul. Se o vídeo tem menos resolução que a do reprodutor, o espaço será preenchido pela cor de preenchimento.
controlBackgroundColor
Painel de administração preenche a cor no formato RGB. Por exemplo, "#0000FF" significa azul.
displayMuteButton
Mostrar/ocultar o botão Silêncio (true – mostrar, false - ocultar)
displayPlayPauseButton
Mostrar/ocultar o botão Reproduzir/Parar (true – mostrar, false - ocultar)
displayAutoPlayButton
Mostrar/ocultar o botão AutoPlay (true – mostrar, false - ocultar)
displayFullScreenModeButton
Mostrar/ocultar o botão Full Screen Mode (nem todos os navegadores suportam a reprodução de html5 vídeo no modo de ecrã completo)
displayVolumeControl
Mostrar/ocultar o botão de Controlo de Volume (true – mostrar, false - ocultar)
displayTrackBar
Mostrar/ocultar Track bar (true – mostrar, false - ocultar)
displayVolumeDigital
Mostrar/ocultar os dígitos de controlo de volume (true – mostrar, false - ocultar)
displayVideoLengthDigitals
Mostrar/ocultar dígitos mostrados duração do vídeo (true – mostrar, false - ocultar)
startVolume
Nível de volume inicial. Valores de 0 (sem som) a 1 (volume máximo)
startPosition
Posição de reprodução inicial. Valores de 0 (início do vídeo) a 1 (final do vídeo)
muteButtonAtStart
O botão Silêncio está no princípio (true – silêncio, false – silêncio desativado)
autoRewind
Rebobinar automaticamente (true – a reprodução começa novamente quando o vídeo alcança o final, false – a reprodução para no final do vídeo)
autoPlay
A função de Autoplay (true – a reprodução começa automaticamente quando a página já está carregada, false – a reprodução começa quando o botão Reproduzir é premido)