Réglages du lecteur HTML5

Quand la vidéo HTML5 est convertie, vous recevez l'ensemble des fichiers pour les transférer sur votre serveur et le code suivant pour l'insérer sur votre page 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();
//Ici vous pouvez changer des réglages du lecteur définis dans le fichier /dvs/dvs_settings.js.
dvsPlayer.Skin = skin;
dvsPlayer.settings=sett;
dvsPlayer.VideoTitle="Titre de vidéo";
dvsPlayer.Init('dvsPlayer');
</script>

Vous pouvez choisir un des thèmes pour votre lecteur:

Thème: Classic
Thème: Classic Neo
Thème: Line
Thème: Line Simple

Les paramètres fondamentaux du reproducteur sont définis dans le fichier /dvs/dvs_settings.js. Vous pouvez changer ces paramètres comme vous voulez:

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;
}

Notez que les paramètres qui sont définis dans ce fichier peuvent être écrasés par les paramètres qui sont établissés par le thème. Par exemple, si vous établissez la largeur à 200, mais la largeur minimum du thème est établit à 300, votre lecteur aura la largeur de 300.

width
La largeur du lecteur. (Il est changé automatiquement si vous utilisez un thème)

height
La hauteur du lecteur qui comporte la barre de contrôle (La hauteur est changée automatiquement si vous utilisez un Thème)

backgroundColor
Couleur de remplissage du lecteur est au format RGB. Par ex. "#0000FF" signifie le bleu. Si la vidéo a la résolution plus basse que celle du lecteur, l'espace sera rempli avec la couleur de remplissage.

controlBackgroundColor
La barre de contrôle de la couleur de remplissage est au format RGB. Par ex. "#0000FF" signifie le bleu.

displayMuteButton
Afficher/masquer le bouton Muet (true - afficher, false - ne pas afficher)

displayPlayPauseButton
Afficher/masquer le bouton Reproduire/Arrêter (true - afficher, false - ne pas afficher)

displayAutoPlayButton
Afficher/masquer le bouton Reproduction automatique (true - afficher, false - ne pas afficher)

displayFullScreenModeButton
Afficher/masquer le bouton Mode plein écran (Pas tous les navigateurs supportent la reproduction de vidéo html5 en mode plein écran)

displayVolumeControl
Afficher/masquer le régulateur de volume (true - afficher, false - ne pas afficher)

displayTrackBar
Afficher/masquer la barre de pistes (true - afficher, false - ne pas afficher)

displayVolumeDigital
Afficher/masquer les numérique du régulateur de volume (true - afficher, false - ne pas afficher)

displayVideoLengthDigitals
Afficher/masquer les numériques qui affichent la longueur de la vidéo (true - afficher, false - ne pas afficher)

startVolume
Position initiale du niveau de volume. Valeurs à partir de 0 (muet) à 1 (volume maximum)

startPosition
Position initiale du lecteur. Valeurs à partir de 0 (le début de la vidéo) à 1 (la fin de la vidéo)

muteButtonAtStart
L'état du bouton Muet au début (true - muet, false - avec le son)

autoRewind
La fonction de rembobinage automatique (true - la reproduction recommence quand la vidéo se termine, false - la reproduction s'arrête à la fin de la vidéo)

autoPlay
La fonction de reproduction automatique (true - la reproduction commence automatiquement quand la page est chargée, false - la reproduction commence quand on appuie sur le bouton Reproduir)

Suivez-nous
DVDVideoSoft facebook
Plus de 600,000 fans!
Abonnez-vous aux actualités
Plus de 200,000 abonnés!