当前位置：首页 → 问答吧 → 能指定网址连接都用弹出层显示吗?

能指定网址连接都用弹出层显示吗?

时间：2010-05-20

来源：互联网

比如我这个网址的CC视频挺烦的，他们现在必须要弹出才能显示，能不能让他在层里弹出呢，不显示网址！求高手帮忙，谢谢大家。
http://www.yuesha.com/shayouyanzou/thread-39350-1-1.html

[ 本帖最后由 yuesha 于 2010-5-20 21:37 编辑 ]

作者: yuesha 发布时间: 2010-05-20

弹出层的高手帮看看能实现不？谢谢啊。

作者: yuesha 发布时间: 2010-05-21

先看标准播放代码找到传值的变量,比如<embed src="http://union.bokecc.com/flash/player.swf?vid=5348521&siteid=11509" width="500" height="400" name="cc_5348521" allowFullScreen="true" allowScriptAccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"/>
里面有vid和siteid之类的,然后你点击播放,弹出的页面是
http://union.bokecc.com/ccplay.b ... kin=4&protect=0,那么就可以你自己建个div层,然后放入iframe里,iframe指向那个页面咯.喔,对了,把embed标签和param的allowScriptAccess改成never

未测试
------------------------------------
如果还不行,并且你的网站其他位置没有用window.open的话,那么可以重写open函数,window.open=function(){return false},取消open函数的效果...

[ 本帖最后由 gerdy 于 2010-5-21 10:05 编辑 ]

作者: gerdy 发布时间: 2010-05-21

嗯，学习一下

作者: shbijiben 发布时间: 2010-05-21

隐藏iframe 在点击播放时，加载这个音频链接。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.hide{ display:none;}
#boxfadeWrap {height:100%; width:100%; position:fixed; bottom:0; left:0; right:0; top:0; z-index:99; }
#boxfade {width:100%; height:100%; opacity:0.6; position:absolute; background-color: #000; bottom:0; left:0; right:0; top:0; z-index:100;filter:alpha(opacity=60);}
#box {width:640px; height:410px; left:50%; top:20%;margin-left:-250px; position:absolute; background-color:#fff; z-index:150; padding:10px; opacity:0.9;filter:alpha(opacity=90); border:4px solid #707070;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#play").click(function(){
   $("#boxfadeWrap").fadeIn(1000);
   $("#box").attr("src","http://union.bokecc.com/ccplay.bo?vid=5348521&uid=11509&isp=2&skin=4&protect=0");
});
$("#boxfade").click(function(){
   $("#boxfadeWrap").fadeOut(500);
});
});
</script>
</head>

<body>
   <div id="boxfadeWrap" class="hide">
<div id="boxfade"></div>
<iframe src="" id="box"></iframe>
  </div>
  <a href="#" id="play">播放</a>
</body>
</html>

[ 本帖最后由 zhaiyu963 于 2010-5-21 10:44 编辑 ]

作者: zhaiyu963 发布时间: 2010-05-21

谢谢楼上的，不过我站的一万多视频全是这种UBB代码，很难判断。

[flash=500,400,0]http://union.bokecc.com/flash/player.swf?videoID=4E73B87E1AC6243A_49AE78205AB73B8D&autoStart=false&share=true[/flash]

作者: yuesha 发布时间: 2010-05-21

自己写的代码,IE下可以拖动,IE-FF下都可以淡入淡出:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>在页面内的层中使用浮动窗口播放视频</title> <style type="text/css"> body{ margin-left:0px; margin-right:0px;} #vediodiv_vedioframe {width:500px;height:420px;} #vediodiv { position:absolute;z-index:32768;opacity:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=0,FinishOpacity=0);visibility:hidden;} .style_wholetable{width:100%;height:1000px;} .style_vediotable{ border:2px; border-style:groove;} .style_vedioheader_td{ border-style:solid; border-color:#000000; border-left-width:0px; border-top-width:0px;border-right-width:0px; border-bottom-width:2px;} .style_vedioheader_bannerimg{ width:480px; height:20px; cursor:move;} .style_vedioheader_closeimg{ width:20px; height:20px; cursor:hand;} </style> <script language="javascript" type="text/javascript"> //声明视频DIV层的ID名 var vediodivid="vediodiv"; //打开视频 function intvediodiv(){ try{ obj=document.getElementById(vediodivid) curbodyw=document.documentElement.clientWidth curbodyh=document.documentElement.clientHeight curbodyw>catchnumber(obj.style.width)?obj.style.left=Math.floor((curbodyw-catchnumber(obj.style.width))/2)+"px":obj.style.left=0+"px" curbodyh>catchnumber(obj.style.height)?obj.style.top=Math.floor((curbodyh-catchnumber(obj.style.height))/2)+"px":obj.style.top=0+"px" dragpositionx=catchnumber(document.getElementById(vediodivid).style.left); dragpositiony=catchnumber(document.getElementById(vediodivid).style.top); passdragpositionx=dragpositionx; passdragpositiony=dragpositiony; }catch(err){ alert(err.description) } } function showvediodivandplay(url){ document.getElementById(vediodivid+"_vedioframe").src=url intvediodiv() obj=document.getElementById(vediodivid) if(document.all){ obj.filters[0].opacity=firstopacity obj.filters[0].FinishOpacity=firstopacity }else{ obj.style.opacity=0 } obj.style.visibility="visible" highlight(); } //关闭视频 function showvediodivandplayv(url){ lowlight(); } //淡入淡出视频窗口 var highlightinterval=20 var highlightsteplong=15; var firstopacity=0 var currentopacity=firstopacity=0 function highlight(){ obj=document.getElementById(vediodivid) if(document.all){ if(obj.filters[0].opacity<100){ obj.filters[0].opacity=currentopacity obj.filters[0].FinishOpacity=currentopacity currentopacity+=highlightsteplong; slowup=setTimeout("highlight()",highlightinterval) }else{ //clearTimeout(slowup) } }else{ if(obj.style.opacity<1){ obj.style.opacity=currentopacity/100 currentopacity+=highlightsteplong; slowup=setTimeout("highlight()",highlightinterval) }else{ //clearTimeout(slowup) } } } function lowlight(){ obj=document.getElementById(vediodivid) if(document.all){ if(obj.filters[0].opacity>0){ obj.filters[0].opacity=currentopacity obj.filters[0].FinishOpacity=currentopacity currentopacity-=highlightsteplong; slowup=setTimeout("lowlight()",highlightinterval) }else{ //clearTimeout(slowup) obj.style.visibility="hidden" document.getElementById(vediodivid+"_vedioframe").src="" } }else{ if(obj.style.opacity>0){ obj.style.opacity=currentopacity/100 currentopacity-=highlightsteplong; slowup=setTimeout("lowlight()",highlightinterval) }else{ //clearTimeout(slowup) obj.style.visibility="hidden" document.getElementById(vediodivid+"_vedioframe").src="" } } } </script> </head> <body onResize=intvediodiv() onScroll=intvediodiv()> <table cellpadding="0" cellspacing="0" class="style_wholetable"><tr><td align="center" valign="top"> <p><a href="javascript:" title="点击欣赏《琵琶语》- 春暖花开演奏" name="http://union.bokecc.com/ccplay.bo?vid=5348521&uid=11509&isp=2&skin=4&protect=0" onclick="showvediodivandplay(this.name)">点击欣赏《琵琶语》- 春暖花开演奏</a></p> <p align="right" style="display:none"><input name="posval" type="text" id="posval" /></p> </td></tr></table> <div id="vediodiv" style="left:260px;top:100px;width:504px;height:446px"> <table cellpadding="0" cellspacing="0" class="style_vediotable"> <tr><td class="style_vedioheader_td"><img src="http://www.csrjgzs.com/cache/img/vedioheader.gif" class="style_vedioheader_bannerimg" onMouseUp="cleardragflag()" onMouseDown='getdragposition(event.clientX,event.clientY)' onMouseMove='startdragmenu_FF(event.clientX,event.clientY)' onDrag='startdragmenu_IE()' onDragEnd='chklistpos(event.clientX,event.clientY)'></img></td><td class="style_vedioheader_td"><div><img class="style_vedioheader_closeimg" src="http://www.csrjgzs.com/cache/img/closevedio.jpg" onClick='lowlight()' /></div></td></tr> <tr><td colspan="2"><iframe id="vediodiv_vedioframe" src="" scrolling="no" frameborder="0"></iframe></td></tr></table> </div> <script language="javascript" type="text/javascript"> var isdragging_FF=false; var dragpositionx var dragpositiony var passdragpositionx var passdragpositiony intvediodiv() //视频窗口拖动控制 function catchnumber(thestr){ thenum="" numstr="0123456789" for (i=0; i<=4; i++) { tmpchr = thestr.slice(i, i+1); if (numstr.indexOf(tmpchr, 0)>=0) { thenum = thenum+tmpchr; } } return Number(thenum); } function getdragposition(theX,theY){ try{ isdragging_FF=true; if(document.all){ dragpositionx=document.documentElement.scrollLeft+event.clientX-passdragpositionx; dragpositiony=document.documentElement.scrollTop+event.clientY-passdragpositiony; }else{ dragpositionx=theX dragpositiony=theY } }catch(err){ alert(err.description) } } function startdragmenu_FF(theX,theY){ try{ if(!document.all&&isdragging_FF==true){ //thisobj=document.getElementById(vediodivid) //thisobj.style.left=document.documentElement.scrollLeft+theX-dragpositionx+"px" //thisobj.style.top=document.documentElement.scrollTop+theY-dragpositiony+"px" //passdragpositionx=document.documentElement.scrollLeft+theX-dragpositionx //passdragpositiony=document.documentElement.scrollTop+theY-dragpositiony //document.getElementById("posval").value=theX+" "+theY //document.getElementById("posval").value=String(document.documentElement.scrollLeft+theX-dragpositionx)+"px"+" "+String(document.documentElement.scrollTop+theY-dragpositiony)+"px" } }catch(err){ alert(err.description) } } function startdragmenu_IE(){ try{ if(document.all){ thisobj=document.getElementById(vediodivid) thisobj.style.left=document.documentElement.scrollLeft+event.clientX-dragpositionx thisobj.style.top=document.documentElement.scrollTop+event.clientY-dragpositiony passdragpositionx=document.documentElement.scrollLeft+event.clientX-dragpositionx passdragpositiony=document.documentElement.scrollTop+event.clientY-dragpositiony } }catch(err){ alert(err.description) } } function chklistpos(theX,theY){ try{ if(document.all){ isdragging_FF=false thisobj=document.getElementById(vediodivid) var tmpleft,tmptop; if(document.all){ tmpleft=document.documentElement.scrollLeft+event.clientX-dragpositionx tmptop=document.documentElement.scrollTop+event.clientY-dragpositiony }else{ tmpleft=document.documentElement.scrollLeft+theX-dragpositionx tmptop=document.documentElement.scrollTop+theY-dragpositiony } tmpleft+catchnumber(thisobj.style.width)>document.documentElement.clientWidth?tmpleft=document.documentElement.clientWidth-catchnumber(thisobj.style.width):null tmptop+catchnumber(thisobj.style.height)>document.documentElement.clientHeight?tmptop=document.documentElement.clientHeight-catchnumber(thisobj.style.height):null tmpleft<0?tmpleft=0:null; tmptop<0?tmptop=0:null; thisobj.style.left=tmpleft thisobj.style.top=tmptop passdragpositionx=tmpleft passdragpositiony=tmptop } }catch(err){ alert(err.description) } } function cleardragflag(){ isdragging_FF=false; } </script> </body> </html>
提示：您可以先修改部分代码再运行

作者: yypz 发布时间: 2010-05-21

谢谢楼上的几位。

作者: yuesha 发布时间: 2010-05-22

能指定网址连接都用弹出层显示吗?

热门阅读

热门下载