我有这个网站here,它有一个视频弹出窗口:
ISSUE :: - 如果你点击上面的视频缩略图,会出现一个弹出窗口,现在在chrome中弹出这个弹出窗口就好了,但有时当我点击链接时,在IE和IOS中,它只是移动到页面顶部。 (默认锚行为)。在IE中,有时弹出窗口打开,视频播放,然后当我硬刷新视频时不再播放。
MY DIAGNOSIS :: - 此vedio模式的插件很多都是通过require.js加载的,例如modalvideotrigger.js
,视频的点击处理程序正在线上附加modalvideotrigger.js文件的179个如下:
$jquery("a[data-videomodal='true']").bind("click", { "module": module }, module.onVideoModalClick);
如果我在视频弹出窗口无法正常工作的情况下在此行中在IE中附加断点,则该行永远不会被击中。
我有一个文件script2.js
,插件初始化如下:
require(["/Content/Shared/Core/js/RequireJs/config.js"], function () {
require(["core/Mylan/mylanmanager", "core/Mylan/Modules/moduleUtils", "core/Mylan/Modules/modalvideotrigger"],
function (mylanmanager, utils, modalvideotrigger) {
var settings = {
AspectRatio: '16:9',
EnableProgressionTracking: false,
ProgressionTrackingReportingInterval: 0,
ProgressionTrackingCategory: 'video',
ProgressionTrackingAction: 'playback',
ProgressionTrackingLabelOverride: null,
ProgressionTrackingValueOverride: 0,
GtmEventName: 'VideoProgressionTracking'
};
mylanmanager.registerModule(new modalvideotrigger("Hero Video Slide", settings));
}
);
});
我的require.js配置文件如下所示:
require.config({
baseUrl: "/Content",
paths: {
"core": "Shared/Core/js",
"jquery": "Shared/Core/js/jQuery/jquery",
"jqueryui": "Shared/Core/js/jQuery/jquery-ui",
"jquerytooltabs": "Shared/Core/js/jquery.tool.tabs",
"modernizr": "Shared/Core/js/Modernizr/modernizr",
"html5shiv": "Shared/Core/js/Html5Shiv/html5shiv",
"jwplayer": "Shared/Core/js/JWPlayer/jwplayer",
"bxslider": "Shared/Core/js/BxSlider/bxslider",
"componentcatalog": "Shared/Core/js/Mylan/componentCatalog",
"validate":"Shared/Core/js/jquery.validate.min",
"unobtrusive": "Shared/Core/js/jquery.validate.unobtrusive.min",
"validatehooks": "Shared/Core/js/jquery.validate.hooks",
"easing": "Shared/Core/js/jquery.easing.1.3",
"waitforimages": "Shared/Core/js/jquery.waitforimages",
"idletimer": "Shared/Core/js/jquery.idle-timer.min",
"skrollr": "Shared/Core/js/Skrollr/skrollr.min",
"skrollrmenu": "Shared/Core/js/Skrollr/skrollr.menu.min",
"jquerymask": "Shared/Core/js/jquery.mask",
},
shim: {
"bxslider": ["jquery"],
"validate": ["jquery"],
"unobtrusive": ["jquery", "validate"],
"easing": ["jquery"],
"validatehooks": ["jquery", "validate", "unobtrusive"],
"waitforimages": ["jquery"],
"idletimer": ["jquery"],
"skrollrmenu": ["skrollr"],
"jqueryui": ["jquery"],
"jquerytooltabs": ["jquery"]
},
waitSeconds: 0 //25
});
我已经尝试将waitsecounds增加到waitSeconds: 25
,但错误仍然存在。
有人可以指出我这里出了什么问题以及为什么这个视频模式在IE11和iOS中不能正常工作?