Javascript 编辑iframe动态内容
我正在尝试编辑外部url上生成的dinamic内容的大小。 这是我的密码: HTML:Javascript 编辑iframe动态内容,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我正在尝试编辑外部url上生成的dinamic内容的大小。 这是我的密码: HTML: <div id="movie"> <iframe name="ifr" id="ifr" src="http://zeyu.ucoz.es/directvenvio.html" width="100%" height="480" frameborder="0" scrolling="no"></iframe> </div> 在这个源url中,有两个
<div id="movie">
<iframe name="ifr" id="ifr" src="http://zeyu.ucoz.es/directvenvio.html" width="100%" height="480" frameborder="0" scrolling="no"></iframe>
</div>
在这个源url中,有两个脚本生成一个iframe
我正在尝试更改此行的宽度和高度:
<script type='text/javascript'>
width=620,
height=382,
channel='zeyudirtc',
g='1';
</script>
宽度=620,
高度=382,
频道='zeyudirtc',
g='1';
这就是我正在尝试的:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#ifr').ready(function(){
$('#ifr').contents().find('script').html('width=960, height=480, channel="zeyudirtc" ');
});
});
</script>
$(文档).ready(函数(){
$('#ifr').ready(函数(){
$('ifr').contents().find('script').html('width=960,height=480,channel=“zeyudirtc”);
});
});
但这不起作用
你能帮我吗
提前感谢。检查css“!重要”值。在css中,这是一个“高级别”
如果您有权访问iframes源,这是可能的。 您必须向iframe内容和周围页面添加Javascript代码 iframe内容中需要的代码应该如下所示: 首先获得iframe需要的高度
var height = getDocHeight();
var height = $("html").height();
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if(msie > 0){
height = Math.max(
document.documentElement["clientHeight"],
document.documentElement["scrollHeight"],
document.body["scrollHeight"]
);
}
然后你必须向周围的页面发送一条消息。像这样:
parent.postMessage(height, "DomainOfTheSurroundingPage");
这就是iframe
在另一个站点上,您需要收听消息
if (window.addEventListener) {
window.addEventListener ("message", receiveMessage, false);
} else {
if (window.attachEvent) {
window.attachEvent("onmessage", receiveMessage, false);
}
}
function receiveMessage(event)
{
var height = event.data;
do something();
}
现在您有了要处理的高度(以px为单位)。
将iframe包装成div
Div
--- iframe
然后将包装器div的高度设置为0,将填充底部设置为提交的高度
这应该能奏效
如果无法将代码添加到iframe内容,则无法动态编辑iframe的高度和宽度 好的,这不是问题脚本或iframe,而是movi url。在url中,您有播放器大小。如果你想改变球员的大小,你可以做一些事情
var playerUrl = $('#ifr').contents().find('iframe').attr('src');
接下来为url写入RegExp,并将iframe的新src值放入文件:)
您的解决方案仅更改帧大小而不是播放器大小
如果iframe本身无法处理与父窗口通信的任何方式,则无法使用javascript/jQuery访问跨域iframe内容。哦,好的,我将搜索另一个源:/Thank仅此更改iframe高度,但播放机不会调整大小。
var playerUrl = $('#ifr').contents().find('iframe').attr('src');