视频模式在IOS和IE11中不能始终如一地工作

时间:2018-02-23 08:26:14

标签: jquery requirejs

我有这个网站here,它有一个视频弹出窗口:

enter image description 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中不能正常工作?

0 个答案:

没有答案