评论：video封装ui  [查看原文]

所属分类：媒体-音频和视频

 54974  380  29
当前第2页 / 共2页
    　 　 R0
    2016/7/28 18:07:12
    点击空白的地方进度会前进，全屏的时候显示有问题
        梅雪瑶香评论奖励 1 jQ币
        2016/7/29 9:07:15

        感谢这位网友提出的bug，已做更正；请替换下面的函数： 

        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
        12
        13
        14
        15
        16
        17
        18
        19
        20
        21
        22
        23
        24
        25
        26
        27
        28
        29
        window.onresize = function(e) {
            //判断当前状态是否全屏 f11  
            var screenwid = screen.width,
            screenhei = screen.height;
            var docwid = document.documentElement.clientWidth;
            var dochei = document.documentElement.clientHeight;
            if (screenwid == docwid && screenhei == dochei) {
                document.getElementById(id).parentNode.style.width = screen.width + "px";
                document.getElementById(id).parentNode.style.height = screen.height + "px";
                intwid(id);
                parentobj.getElementsByClassName("fullscreen")[0].setAttribute("fs", "true");
            } else {
                document.getElementById(id).parentNode.style.width = document.getElementById(id).parentNode.getAttribute("originwid");
                document.getElementById(id).parentNode.style.height = document.getElementById(id).parentNode.getAttribute("originhei");
                parentobj.getElementsByClassName("fullscreen")[0].setAttribute("fs", "false");
            }
            parentobj.children[0].style.width = "100%";
            parentobj.children[0].style.height = "100%";//初始化长度 
        }
        function intwid(id) {
            var obj = document.getElementById(id).parentNode;
            obj.setAttribute("originhei", getStyle(obj, "height")) obj.setAttribute("originwid", getStyle(obj, "width")) var fahterwid = obj.clientWidth;
            var playwid = obj.getElementsByClassName("play")[0].clientWidth;
            var fullscreenwid = obj.getElementsByClassName("fullscreen")[0].clientWidth;
            var voicewid = obj.getElementsByClassName("volum")[0].clientWidth;
            var timewid = obj.getElementsByClassName("totaltime")[0].clientWidth;
            var lesswidth = fahterwid - playwid - fullscreenwid - voicewid - timewid;
            obj.getElementsByClassName("timeline")[0].style.width = lesswidth - 30 + "px";
        }
        　 　 R0
        2016/7/29 11:07:12
        全屏的时候显示还是会有问题，视屏虽然放大了，但是控件还是在原来的位置没有变。~
        梅雪瑶香0
        2016/7/31 16:07:00
        你用的那个浏览器？本地测试，chrome,firefox没有问题的
        梅雪瑶香评论奖励 1 jQ币
        2016/7/31 16:07:15
        obj.setAttribute("originhei", getStyle(obj, "height")) ；obj.setAttribute("originwid", getStyle(obj, "width"))； var fahterwid = obj.clientWidth;init方法里面这句话请添加分号
        　 　 R0
        2016/8/1 11:08:14
        用的chrome，但是没有本地测试，直接 打开的。
    回复

讨论这个项目（29）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复