Video.js jQuery interrumpe las funciones de reproducción / pausa de video en Firefox

Estoy tratando de usar video.js para evitar el avance rápido, pero permitir el rebobinado, para videos mp4 en un sitio de Moodle. El siguiente script funciona en Chrome y Opera, pero no en 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);
      });
    });
  }
}

En Firefox, se logra el efecto deseado (buscar hacia adelante no cambia el tiempo en el video, pero buscar hacia atrás sí), sin embargo, las funciones de reproducción / pausa están interrumpidas. Si he buscado un número impar de veces en cualquier dirección, el video está en pausa y solo se reproduce al mantener presionado el botón de reproducción. Si he buscado un número par de veces (incluido cero), el video se reproduce pero el botón de pausa no hace nada. Obtengo los mismos resultados en Microsoft Edge, y he publicadouna pregunta sobre eso también.

Traté de agregar untype="video/mp4" atribuir a la etiqueta fuente, pero el video no tiene etiqueta fuente. De la última parte de la respuesta enesta pregunta, Supongo que esto se debe a que la fuente está oculta para el usuario. ¿Hay alguna manera de ver / editar la fuente? Puedo hacer clic derecho en el video para obtener el enlace, pero no hay un elemento fuente o atributo scr en el video en el html de la página.

Aquí está el<video> etiqueta en 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>

Y aquí está el<video> etiqueta en 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>

Además, he visto unsugerencia para agregarAddType video/mp4 .mp4 al archivo .htaccess, pero me preocupa hacerlo en Moodle. El contenido del archivo .htaccess es:

deny from all
AllowOverride None
Note: this file is broken intentionally, we do not want anybody to undo it in subdirectory!

¿Cuáles serían las consecuencias de editar esto?

¿Hay alguna otra sugerencia para que los videos mp4 funcionen correctamente con Firefox?

Respuestas a la pregunta(0)

Su respuesta a la pregunta