I have this site here , it has a vedio popup:

ISSUE :: - If you click on the above video thumbnail, a pop-up window will appear, now in chrome this pop-up window looks just fine, but in IE and IOS sometimes, when I click on a link, it just moves to the top of the page. (default anchor behavior). In IE, sometimes a pop-up window opens and the video plays, and then when I hard-update the video, I no longer play.
MY DIAGNOSIS :: - . Plugins for this vedio mod are loaded via require.js, for example modalvideotrigger.js, the click handler for the video is attached on line 179 to the modalvideotrigger.js file, for example:
$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
});
waitsecounds waitSeconds: 25, .
- , , IE11 iOS?