Javascript 配置VideoJS闪存回退

Javascript 配置VideoJS闪存回退,javascript,html,firefox,mp4,video.js,Javascript,Html,Firefox,Mp4,Video.js,因为Firefox不允许我在-标记中使用.mp4文件,所以我必须在我的浏览器上使用Flash回退 对于Chrome、Safari和IE,我可以用javascript配置我的VideoJS播放器来做几乎任何事情。例如,我喜欢循环5次,隐藏控件并使视频静音。HTML5版本没有问题: // Initialize the video with some settings videojs(videoID, { "controls": false, "autoplay": false,

因为Firefox不允许我在
-标记中使用.mp4文件,所以我必须在我的浏览器上使用Flash回退

对于Chrome、Safari和IE,我可以用javascript配置我的VideoJS播放器来做几乎任何事情。例如,我喜欢循环5次,隐藏控件并使视频静音。HTML5版本没有问题:

// Initialize the video with some settings
videojs(videoID, { 
    "controls": false, 
    "autoplay": false,
    "preload":  "auto",
});

var myVideo = videojs(videoID);

// Set the counter
var loop_count = 1;

// Function to loop the video exaclty 5 times
var loopInstagramVideo = function() {
    if (loop_count <= 5) {
        myVideo.play();
        loop_count++;
    } else {
        loop_count = 1;
    }
};

// Function to manipulatie the playing video (mute, no controls,...)
var setVideoOptions = function() {
     myVideo.muted(1);
     myVideo.controls(0);
};

// Set functions on the video
myVideo.on("play", setVideoOptions);
myVideo.on("ended", loopInstagramVideo);

关于如何解决这个问题有什么想法吗?

虽然这不是你“循环”问题的答案,但我自己发现在对元素调用videojs()后,ID会发生变化。我不知道是元素的ID改变了,还是videojs调用的焦点改变了。与ID无效相关的错误是由第一次和第二次videojs()调用引起的

我想改变这一点:

videojs(videoID, { 
    "controls": false, 
    "autoplay": false,
    "preload":  "auto",
});

var myVideo = videojs(videoID);
为此:

var myVideo = videojs(videoID);

myVideo.controls = false;
myVideo.autoplay = false;
myVideo.preload = "auto";
或者将这些属性放在视频标签本身中

var myVideo = videojs(videoID);

myVideo.controls = false;
myVideo.autoplay = false;
myVideo.preload = "auto";