Question

我正在尝试使用video.js来阻止Moodle网站上的mp4视频快进，但允许倒带。以下脚本适用于Chrome和Opera，但不适用于Microsoft Edge：

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

在Edge中，实现了期望的效果（向前搜索不会改变视频的时间，但是向后搜索会有效），但播放/暂停功能会被破坏。如果我在任一方向上寻找了奇数次，则视频会暂停，并且仅在按住播放按钮时播放。如果我寻找偶数次（包括零），视频会播放，但暂停按钮不会执行任何操作。 I get the same results in Firefox, and have posted a question about that as well

我尝试在视频代码中添加type="video/mp4"属性，但这对问题没有影响。

此外，我看到suggestion要将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视频与Microsoft Edge一起正常使用？

Video.js jQuery破坏了Microsoft Edge中的视频播放/暂停功能

0 个答案: