Wenn das HTML5-Video umgewandelt wird, erhalten Sie Dateien zum Upload auf Ihren Server und den folgenden Code zum Einbinden in Ihre HTML-Seite:
<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();
//Hier können Sie Einstellungen ändern, die in der Datei dvs_settings.js sind
dvsPlayer.Skin = skin;
dvsPlayer.settings=sett;
dvsPlayer.VideoTitle="Videotitel";
dvsPlayer.Init('dvsPlayer');
</script>
Die Schlüsselparameter des Players sind in der Datei /dvs/dvs_settings.js. Sie können diese Parameter einstellen, wie Sie wollen.
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;
}
Beachten Sie, dass die Parameter aus dieser Datei von den Parametern des ausgewählten Themas überschrieben werden können. Wenn Sie zum Beispiel die Breite des Players 200 einstellen und die minimale zulässige Breite 300 im Thema eingestellt ist, wird der Player die Breite 300 haben.
width
Breite des Players (Sie wird automatisch verändert, wenn Sie ein Thema anwenden)
height
Höhe des Players mit dem Bedienungsfeld (Die Höhe wird automatisch verändert, wenn Sie ein Thema anwenden)
backgroundColor
Die Farbe des Players ist im RGB-Format. Z.B. steht "#0000FF" für Blau. Wenn das Video eine kleinere Auflösung als Playerauflösung hat, wird der Abstandsbereich mit der Füllfarbe gefüllt.
controlBackgroundColor
Die Füllfarbe des Bedienungsfeldes ist im RGB-Format. Z.B. steht "#0000FF" für Blau.
displayMuteButton
Taste Mute zeigen/verbergen (true - zeigen, false - nicht zeigen)
displayPlayPauseButton
Taste Play/Pause zeigen/verbergen (true - zeigen, false - nicht zeigen)
displayAutoPlayButton
Taste AutoPlay zeigen/verbergen (true - zeigen, false - nicht zeigen)
displayFullScreenModeButton
Taste Vollbildmodus zeigen/verbergen (Nicht jeder Browser unterstützt die Wiedergabe von HTML5-Videos im Vollbildmodus)
displayVolumeControl
Taste Lautstärkeregler zeigen/verbergen (true - zeigen, false - nicht zeigen)
displayTrackBar
Schieberegler zeigen/verbergen (true - zeigen, false - nicht zeigen)
displayVolumeDigital
Lautstärkezahlen zeigen/verbergen (true - zeigen, false - nicht zeigen)
displayVideoLengthDigitals
Zahlen der Videolänge zeigen/verbergen (true - zeigen, false - nicht zeigen)
startVolume
Ausgangslautstärke. Wert von 0 (Mute) bis 1 (maximale Lautstärke)
startPosition
Ausgangspunkt der Wiedergabe. Wert von 0 (Anfang des Videos) bis 1 (Ende des Videos)
muteButtonAtStart
Startzustand der Mute-Taste (true - ohne Laut, false - mit Laut)
autoRewind
Automatischer Rücklauf (true - Wiedergabe fängt wieder an, nachdem Video zu Ende ist, false - Wiedergabe hört am Ende des Videos auf)
autoPlay
Autoplay-Funktion (true - Wiedergabe fängt automatisch nach dem Laden der Webseite an, false - Wiedergabe fängt nach Drücken auf Play an)