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

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

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

        感谢这位网友提出的bug,已做更正;请替换下面的函数: 

        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
        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币 评论用户自律公约

取消回复