Video modem does not work sequentially in iOS and IE11

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

enter image description here

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

waitsecounds waitSeconds: 25, .

- , , IE11 iOS?

+4

Source: https://habr.com/ru/post/1694036/


All Articles