Настройки HTML5 плеера

После конвертации видео в HTML5 вы получите набор файлов для копирования на ваш сервер и следующий код, который необходимо вставить на вашу 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();
//Здесь вы можете изменить настройки, заданные в файле dvs_settings.js
dvsPlayer.Skin = skin;
dvsPlayer.settings=sett;
dvsPlayer.VideoTitle="Название видео";
dvsPlayer.Init('dvsPlayer');
</script>

Вы можете выбрать одну из четырех предложенных Тем для плеера:

Тема: Classic
Тема: Classic Neo
Тема: Line
Тема: Line Simple

Основные параметры плеера находятся в файле /dvs/dvs_settings.js. Вы можете изменить эти параметры по своему усмотрению.

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

Обратите внимание, параметры из этого файла могут быть заменены на параметры выбранной вами Темы плеера. Например, если вы установите ширину плеера 200, а в выбранной Теме настроена минимально допустимая ширина 300, то будет установлено значение из Темы плеера - 300.

width
Ширина плеера (Ширина автоматически изменится, если применить одну из Тем)

height
Высота плеера вместе с панелью управления (Высота автоматически изменится, если применить одну из Тем)

backgroundColor
Цвет заливки плеера в RGB формате. Например, цифра "#0000FF" означает синий цвет. Если у видео меньшее разрешение, чем у плеера, то свободное пространство будет заполнено цветом заливки.

controlBackgroundColor
Цвет заливки панели управления в RGB формате. Например, цифра "#0000FF" означает синий цвет.

displayMuteButton
Показать/скрыть кнопку "Режим без звука" (true - отобразить, false - не отображать)

displayPlayPauseButton
Показать/скрыть кнопку "Воспроизведение/Пауза" (true - отобразить, false - не отображать)

displayAutoPlayButton
Показать/скрыть кнопку "Автозапуск" (true - отобразить, false - не отображать)

displayFullScreenModeButton
Показать/скрыть кнопку "Полноэкранный режим" (Не все браузеры поддерживают воспроизведение html5 видео в полноэкранном режиме)

displayVolumeControl
Показать/скрыть кнопку регулирования громкости (true - отобразить, false - не отображать)

displayTrackBar
Показать/скрыть полосу прокрутки (true - отобразить, false - не отображать)

displayVolumeDigital
Показать/скрыть цифры регулирования громкости (true - отобразить, false - не отображать)

displayVideoLengthDigitals
Показать/скрыть цифры, отображающие продолжительность видео (true - отобразить, false - не отображать)

startVolume
Исходный уровень громкости. Допустимы значения от 0 (без звука) до 1 (максимальная громкость)

startPosition
Начальная точка воспроизведения видео. Допустимы значения от 0 (в начале видео) до 1 (в конце видео)

muteButtonAtStart
Состояние кнопки "Режим без звука" при запуске (true - без звука, false - со звуком)

autoRewind
Автоматическая перемотка назад (true - воспроизведение снова начинается после окончания видео, false - воспроизведение останавливается в конце видео)

autoPlay
Функция автозапуска (true - воспроизведение начинается автоматически после загрузки страницы, false - воспроизведение начинается после нажатия кнопки Воспроизведение)

Мы в соцсетях
DVDVideoSoft facebook
Более 600 000 лайков!
Подписаться на рассылку
Более 200 000 подписчиков!