首页 > 文章资讯 > 站长教程 > 建站知识 > jquery获取ifream框架内video视频内容的真实高宽并设置

jquery获取ifream框架内video视频内容的真实高宽并设置

时间：2023年10月23日

来源：网络

编辑：佚名

可以通过以下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中的视频源与父页面处于同一域名下。

新闻资讯更多

猜你需要