Video.js jQuery нарушает функции воспроизведения / паузы видео в Firefox
Я пытаюсь использовать video.js для предотвращения быстрой перемотки вперед, но разрешить перемотку для mp4-видео на сайте Moodle. Следующий скрипт работает в Chrome и Opera, но не в Firefox:
window.onload = function() {
if ($('iframe').length > 0) {
$('iframe').ready(function() {
var videoPlayer = $('iframe').contents().find('video')[0];
var cssLink = document.createElement("link")
cssLink.href = "https://vjs.zencdn.net/5.0/video-js.min.css";
cssLink.rel = "stylesheet";
cssLink.type = "text/css";
$('iframe').contents().find('head').append(cssLink);
videojs(videoPlayer, {}, function() {
var vjsPlayer = this;
$('iframe').contents().find('video').prop('controls', 'true');
$('iframe').contents().find('div .vjs-big-play-button').html('');
$('iframe').contents().find('div .vjs-control-bar').html('');
$('iframe').contents().find('div .vjs-caption-settings').html('');
var currentTime = 0;
vjsPlayer.on("seeking", function(event) {
if (currentTime < vjsPlayer.currentTime()) {
vjsPlayer.currentTime(currentTime);
}
});
vjsPlayer.on("seeked", function(event) {
if (currentTime < vjsPlayer.currentTime()) {
vjsPlayer.currentTime(currentTime);
}
});
setInterval(function() {
if (!vjsPlayer.paused()) {
currentTime = vjsPlayer.currentTime();
}
}, 1000);
});
});
}
}
В Firefox желаемый эффект достигается (поиск вперед не меняет время на видео, но поиск назад делает), однако функции воспроизведения / паузы не работают. Если я искал нечетное количество раз в любом направлении, видео приостанавливается и воспроизводится только при удерживании кнопки воспроизведения. Если я искал четное количество раз (включая ноль), видео воспроизводится, но кнопка паузы ничего не делает. Я получаю те же результаты в Microsoft Edge, и опубликовалвопрос об этом также.
Я пытался добавитьtype="video/mp4"
атрибут тега источника, но у видео нет тега источника. С последней части ответа наэтот вопросЯ полагаю, это потому, что источник скрыт от пользователя. Есть ли способ, которым я могу просматривать / редактировать источник? Я могу щелкнуть правой кнопкой мыши на видео, чтобы получить ссылку, но в HTML-коде страницы нет элемента source или атрибута scr.
Здесь<video>
тег в Chrome:
<video autoplay="" name="media" id="vjs_video_3_html5_api" class="vjs-tech" controls=""><source src="https://localhost/pluginfile.php/26769/mod_resource/content/4/Sample%20Video.mp4" type="video/mp4">
<source src="https://localhost/pluginfile.php/26769/mod_resource/content/4/Sample%20Video.mp4" type="video/mp4">
</video>
И вот<video>
тег в Firefox:
<video controls="" class="vjs-tech" id="vjs_video_3_html5_api" style="position:absolute; top:0; left:0; width:100%; height:100%" autoplay=""></video>
Кроме того, я виделпредложение добавитьAddType video/mp4 .mp4
в файл .htaccess, но я беспокоюсь об этом в Moodle. Содержимое файла .htaccess:
deny from all
AllowOverride None
Note: this file is broken intentionally, we do not want anybody to undo it in subdirectory!
Каковы будут последствия редактирования этого?
Есть ли другие предложения для правильной работы видео mp4 с Firefox?