360浏览器切换Iframe的问题

一个视频监控的代码,大窗口里有4个iframe,可以通过放大iframe来实现切换,每个iframe里都有时间显示的功能,现在问题来了,时间显示在chrome浏览器正常显示,但是在360浏览器里就不太正常了,4个iframe一个显示有卡顿,另外3个iframe在切换的瞬间时间会跳动的特别快,试了好久,也调试过缓存的问题,但还是不行,麻烦各位大神了。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>地图应用</title>
    <link href="css/base.css" rel="stylesheet" />
    <link href="css/ol4.css" rel="stylesheet" />
    <link href="css/bootstrap4.0.css" rel="stylesheet" />
    <!--zTree插件-->
    <link href="css/zTree/zTreeStyle.css" rel="stylesheet" />
    <!--时间插件-->
    <link href="css/datePicker/datetimepicker.min.css" rel="stylesheet" />
    <!--弹窗插件-->
    <link href="css/layer/theme/default/layer.css" rel="stylesheet" />
    <link href="css/mapsite.css" rel="stylesheet" />
    <link href="css/colpick.css" rel="stylesheet" />
    <link href="css/map.css" rel="stylesheet" />  
    <script src="scripts/libs/jquery.min.js"></script>
    <script src="scripts/libs/ckplayer/ckplayer.js"></script>
    <script src="scripts/libs/bootstrap4.0.js"></script>   
    <script src="scripts/config.js"></script>
    <script src="scripts/myVideoPlayerHelper.js"></script>   
    <script src="scripts/libs/video/flowplayer-3.2.8.min.js"></script>

</head>
<body onload="PageLoad()" ondragstart="return false"> 
    <!--左下角实时监控视屏-->
    <div id="h1004" class="listContainer" style="display: block;">
        <h1>实时监控<div style="float:right;"><img src="./images/tools/full.png" class="fullImage" onclick="fullRealTimeMonitoringModal($(this))"/><span class="myclosebutton closeLevel" style="padding:0 8px;" onclick="showDefaultFourVideo()">×</span></div></h1>
        <span class="switchCarousel" style="display:none;"><img style="margin: 7px 0;" src="./images/tools/swiper.png" alt="" /></span>
        <div id="carousel" style="height: 100%;">
            <div class="cameraWrapper">
                <img class="selectImg" onclick="switchActive($(this))" src="images/tools/noSelect.png" alt="noSelect">
                <div id="camera1" class="camera"></div>
            </div>
            <div class="cameraWrapper">
                <img class="selectImg" onclick="switchActive($(this))"  src="images/tools/noSelect.png" alt="noSelect">
                <div id="camera2" class="camera"></div>
            </div>
            <div class="cameraWrapper">
                <img class="selectImg" onclick="switchActive($(this))" src="images/tools/noSelect.png" alt="noSelect">
                <div id="camera3" class="camera"></div>
            </div>
            <div class="cameraWrapper">
                <img class="selectImg" onclick="switchActive($(this))" src="images/tools/noSelect.png" alt="noSelect">
                <div id="camera4" class="camera"></div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div id="h1004Video" style="display: none;">
            <div id="camera5" class="camera"></div>
        </div>
    </div>


    <script type="text/javascript">
        function PageLoad() {
            param.videoUrl = "rtmp://58.211.54.69/hls/cctv";
            param.defaultVideos = ["58","105","57","110"];            

            //实例化功能工厂
            var helpers = [
                new MyVideoPlayerHelper()];             
            IPlayer.show(); 
            IPlayer.showDefaultFourVideo();
        }
    </script>

</body>
</html>

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
有关IFrame切换的问题
我有一个wpf应用,xbap的,我想将它放在一个IFrame中,然后另一个IFrame放欢迎画面,这个应用后台加载,成功后切换到这个真正的应用页面。rnrn我写的代码是这样的rn[code=javascript]rnrnrnrn rnrn[/code]rnrn但是实现不了我想的功能,请大神帮忙看一下,这个想法能不能实现,哪里需要改一下呢?先谢谢了!!
360浏览器360浏览器360浏览器360浏览器
360浏览器360浏览器360浏览器360浏览器360浏览器
iframe切换
有时候在跑selenium脚本定位元素时,会遇到元素定位不到的情况,以126邮箱登录界面为例。 脚本如下: # coding:utf-8 from selenium import webdriver from time import sleep driver = webdriver.Chrome() driver.get("http://www.126.com") print('Befor...
多表单切换(iframe切换)
文章目录【1】介绍【2】切换到iframe 中的html 页面:方式一:driver.switch_to_frame (iframe_reference)方式二:EC.frame_to_be_available_and_switch_to_it (iframe_reference) 【1】介绍 iframe :一个网页里面嵌套了另外一个框架/页面,即一个html 网页中,还内嵌了另外一个html ...
切换不同的iframe时的问题
我的页面上有好多各iframe装载不同的页面。我现在要切换这些iframe来显示不同的页面,就像windows下面的任务栏。rn我的问题是要如何做才能让后台(.vb的部分)知道现在切换到那个iframe了?rn我现在方法使用cookie。但是这个方法有个问题,就是如果第一个iframe(名:iframe1)的时候,这个时候cookie的值被写成iframe1。同时又打开另一个iframe(名:iframe2),这个时候cookie的值就被写成iframe2。如果iframe1还没有load完,还需要用到cookie的时候,就出错了。rn各位大虾有什么好的方法吗?rn
360浏览器 360浏览器
360浏览器 360浏览器 360浏览器 360浏览器
360浏览器的问题
我有一个关于360浏览器的问题。安装了360浏览器之后,在下载文件的时候,显示"360 Chrome HTML Document",这导致了中文文件名是乱码,把360浏览器卸载了也还是一样。谁知道怎么吧这个改回来?rnrn谢谢大家!
360浏览器极速模式对iframe的支持
今天有个网站的网页出现在360浏览器兼容模式下显示正常,在360浏览器极速模式下显示不正常。按照日常经验排查了各种可能出现的问题,但是都没有效果。后来开始怀疑是不是iframe的问题,但是iframe也正常处理了高度显示了。十分的困惑不解,后来上网查了下发现是360浏览器极速模式对iframe不支持。因为360浏览器极速模式是基于谷歌的内核,找到方向之后开始着手处理。 一开始网页按照这种方式处理
求解IE和360浏览器对iframe的显示差异?
我有一个网站[url=http://www.happy-taotao.com]www.happy-taotao.com[/url],里面有一个iframe内容,IE显示正常,360浏览器却显示不出来,请问大家是什么原因?我应该如何解决??谢谢
iframe编辑状态的切换
最近鼓捣一个在线编辑器,现在在FF下实现了可编辑状态,但怎么能实现不可编辑状态?rn[code=javascript]this.doc.body.contentEditable = false; this.doc.designMode = 'Off'[/code]rnrn上面这么干无效
简单实现iframe切换页面
String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>       ">          My JSP 'index.jsp'
动态切换iframe内容
一个页面,两个标签,点击切换,动态改变iframe内的内容,实际就是改变url,怎么写
js代码控制iframe的切换
我想要做个效果控制iframe的src属性rn在界面一种单击按钮后会调用方法,执行我js 函数rnleft.jsprn[code=HTML]rnrn[/code]rnrnjs代码rnrn[code=JScript]rnfunction actioncome()rndocument.getElementById("myiframe").src="Myjsp.pis"rnrn[/code]rnrnright.jsprn[code=HTML]rn rn[/code]rn我写的代码是这样的,请问错哪里了,怎么解决
如何切换Iframe的网址
我在做任务的时候遇到这样的问题,在同一页面中通过不同的按钮来切换一个iframe的src网址,下面是图片和代码[img=http://img.my.csdn.net/uploads/201304/02/1364905587_7582.jpg][/img]rn[code=html] rn rnrnrn rnrnrn rn rn rn <a class="all" target="test" href="all_order.aspx"></a>rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn[/code]rn那个大神能帮我改改啊!如果要用到后台.cs代码的,烦请附加回复我啊!在线求解,急用啊!!!!
360浏览器
浏览器安全型
360浏览器。
浏览器
360浏览器 - 自定义切换内核 meta标签 总结
为了避免用户360浏览器查看网站出现不兼容导致页面显示错位等显示bug 往往需要通过代码自定义选用内核,这样避免不会切核的用户出现反感······ 代码设置,通过开发者来完成 ,比用户完成来的实在! 内核控制标签meta &amp;gt; 如您是网站的开发者,可以通过在页面 `&amp;lt;head&amp;gt;` 标签中添加代码,来指定网站的模式 若页面需默认用极速模式,增加标签:&amp;lt;meta nam...
360浏览器!360浏览器 很好用的
浏览器!!!!!!!浏览器浏览器浏览器!!!!!!!!!!!!!!浏览器浏览器
多表单切换 frame/iframe切换
#&amp;lt;iframe id = 'if' name = 'nf'&amp;gt; &amp;lt;/iframe&amp;gt;1. 进入framedriver_url = driver.get(url)switch_to.frame('if')    #也可使用F12&amp;gt;copyXpath,把定位对象传给方法2. 回到上一层框架driver_url.switch_to.parent_content()3. ...
360浏览器,
360安全浏览器是360公司专为安卓平台开发的手机浏览器!使用360浏览器,您不但能最安全、极速地浏览网页,随时随地的搜索内容,查看第一手的新闻资讯,还能尽享网络收藏夹同步等360特色云服务!
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件