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

可以通过以下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
喜欢就支持一下吧
点赞9
评论 抢沙发

请登录后发表评论

    暂无评论内容