优酷视频分享链接自适应屏幕的方法

最新推荐文章于 2022-06-22 17:20:49 发布

GLyihu

最新推荐文章于 2022-06-22 17:20:49 发布

阅读量871

点赞数

分类专栏： JS 文章标签：优酷视频分享视频自适应

本文链接：https://blog.csdn.net/GLyihu/article/details/105679946

版权

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

直接分享代码：

<script>  
	$(function () {
		resizeIframe();
		$(window).resize(function () {
			resizeIframe();
		});
	});
	//调整iframe尺寸的方法
	function resizeIframe() {
		var expectWidth = $(document).width() * 0.9; //总宽度为屏幕宽度的0.9倍
		$("iframe").each(function () {
			expectWidth = $(this).parent().width();
			$(this).height(expectWidth * $(this).height() / $(this).width());
			$(this).width(expectWidth);
		});
	}
</script>

也是网上搜索到的，自己留个记录。

转摘链接：https://www.cnblogs.com/straw/p/5443899.html