Я пытаюсь использовать 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?