可以通过以下jQuery代码获取iframe框架内video视频内容的真实高宽:
$(document).ready(function(){
var iframe = $('#yourIframeID').get(0);
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
var video = iframeDoc.getElementsByTagName('video')[0];
//获取video元素
if(video.readyState >= 2) { //确认视频源已准备就绪
var realWidth = video.videoWidth; //获取真实宽度
var realHeight = video.videoHeight; //获取真实高度
$('#yourIframeID').css({ //设置iframe的高宽为真实高宽
'width': realWidth,
'height': realHeight
});
}
});
其中, #yourIframeID
是你所使用的iframe的ID,可以根据实际情况进行修改。此外需要注意的是,由于安全策略的限制,可能存在跨域问题。如果是跨域访问,请确保你所使用的iframe中的视频源与父页面处于同一域名下。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容