Как установить HTML5 Video.js в Boonex Dolphin?
В настоящее время я пытаюсь использовать Video.js Исходный код
изменить текущий видео плеер на моем сайте, который использует Boonex Dolphin, В сущности, я хочу заменить используемый им флеш-плеер и перейти на HTML5, Dolphin использует модули, и в этих модулях они указывают на конкретные файлы. Я не знаю, являются ли файлы погодными или нет, являются ли они HTML-файлами или PHP-файлами или где в этих файлах что мне нужно изменить, хотя у меня есть общее представление. Я просто должен быть направлен в правильном направлении.
Спасибо, если кто-то ответит, извините, если это неправильное место, чтобы спросить, или если это уже спрашивалось (я искал сначала).
Решение
По сообщению Вот
Просто отредактируйте следующий файл. Модули / BoonEx / html5av / классы / BxH5avModule.php
Замените этот раздел кода в строке 56.
case STATUS_APPROVED:
if (file_exists($sFilesPath . $iFileId . M4V_EXTENSION)) {
$sToken = getToken($iFileId);
if (file_exists($sFilesPath . $iFileId . '.webm'))
$sSourceWebm = '<source type=\'video/webm; codecs="vp8, vorbis"\' src="' . BX_DOL_URL_ROOT . "flash/modules/video/get_file.php?id=" . $iFileId . "&ext=webm&token=" . $sToken . '" />';
$sFlash = getApplicationContent('video','player',array('id' => $iFileId, 'user' => getLoggedId(), 'password' => clear_xss($_COOKIE['memberPassword'])),true);
$sId = 'bx-media-' . genRndPwd(8, false);
$sJs = $sSourceWebm ? // if no .webm video available - we need nice fallback in firefox and other browsers with no mp4 support
'' : '
var eMedia = document.createElement("video");
if (eMedia.canPlayType && !eMedia.canPlayType("video/x-m4v")) {
var sReplace = "' . bx_js_string(BX_H5AV_FALLBACK ? $sFlash : '<b>Your browser doesn\'t support this media playback.</b>', BX_ESCAPE_STR_QUOTE) . '";
$("#' . $sId . '").replaceWith(sReplace);
}';
$sJs .= $aFile['Time'] ? // if length is not set
'' : '
var eFile = $("#' . $sId . '");
eFile.on("canplay", function (e) {
$.post("' . BX_DOL_URL_ROOT . 'flash/XML.php", {
module: "video",
action: "updateFileTime",
id: ' . $iFileId . ',
time: parseInt(this.duration * 1000)
});
});';
$sAutoPlay = TRUE_VAL == getSettingValue('video', 'autoPlay') && class_exists('BxVideosPageView') ? 'autoplay' : '';
$sFilePoster = 'flash/modules/video/files/' . $iFileId . '.jpg';
$sPoster = file_exists(BX_DIRECTORY_PATH_ROOT . $sFilePoster) ? ' poster="' . BX_DOL_URL_ROOT . $sFilePoster . '" ' : '';
$sOverride = '
<video controls preload="auto" autobuffer ' . $sAutoPlay . $sPoster . ' style="width:100%; height:' . getSettingValue('video', 'player_height') . 'px;" id="' . $sId . '">
' . $sSourceWebm . '
<source src="' . BX_DOL_URL_ROOT . "flash/modules/video/get_file.php?id=" . $iFileId . "&ext=m4v&token=" . $sToken . '" />
' . (BX_H5AV_FALLBACK ? $sFlash : '<b>Can not playback media - your browser doesn\'t support HTML5 audio/video tag.</b>') . '
</video>
<script>
' . $sJs . '
</script>';
break;
}
Замените этот раздел кода этим.
case STATUS_APPROVED:
if (file_exists($sFilesPath . $iFileId . M4V_EXTENSION)) {
// Video JS Player
$mediaroot = BX_DOL_URL_ROOT . 'flash/modules/video/files/';
$sJs = $aFile['Time'] ? // if length is not set
'' : '
var eFile = $("#video_' . $iFileId . '");
eFile.on("canplay", function (e) {
$.post("' . BX_DOL_URL_ROOT . 'flash/XML.php", {
module: "video",
action: "updateFileTime",
id: ' . $iFileId . ',
time: parseInt(this.duration * 1000)
});
});';
$sJs = '<script>' . $sJs . '</script>';
$sOverride = <<<CODE
<link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/4.9/video.js"></script>
<video id="video_{$iFileId}" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" width="100%" height="430"poster="{$mediaroot}{$iFileId}.jpg"data-setup="{}">
<source src="{$mediaroot}{$iFileId}.m4v" type='video/mp4' />
<source src="{$mediaroot}{$iFileId}.webm" type='video/webm' />
</video>
{$sJs}
CODE;
$sOverride = '<div class="viewFile" style="width:100%;">' . $sOverride . '</div>';
break;
}
Другие решения
Других решений пока нет …