Javascript 配置VideoJS闪存回退
因为Firefox不允许我在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,
-标记中使用.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";