相信很多草根站长都有视频的功能吧~
同样,我的网站也有视频。我的视频是放到优酷上面的,使用iframe的方式引用。但是复制下来的代码不尽如人意,移动端自适应没有那么理想。我的目标就是让这个iframe能够再各个端都能以16:9的宽高进行展示。网上也搜了很多方法,但是都不是很理想。最后还是只能拿出珍藏已久的jQuery大法了。
首先要给你的iframe外层嵌套自适应框架的,我使用的是layui
下面就是关键的js代码了;
//计算视频窗口的高度 自适应各端 var w = $("#playerBox").width(); var h = w*9/16; $("#playerBox").height(h);
这样就达到了动态赋值计算iframe的高度了。效果还可以的哦。
内容出处:,
声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/procedure/17245.html
相关推荐
-
网页web防扒技术合集
1.禁用浏览器右键菜单 document.oncontextmenu = new Function(“return false;”); 2.监听键盘事件 function mAle…
-
浏览器多个tab页面之间通过localStorage进行通信
在页面中不同的frame之间进行相互调用的话,我们可以通过frame获取对应的window然后进行调用,但是如果是浏览器不同的tab之间呢? 在这里,对通过localStorage…
-
常用的JS代码片段,每段代码花30秒就能看懂
JavaScript 是目前最流行的编程语言之一,正如大多数人所说:“如果你想学一门编程语言,请学JavaScript。” FreeCodeCamp的创始人 Quincy Lars…
-
uniapp+vue.js短视频+直播聊天uni-ttLive
最近在捣鼓uniapp小视频项目,结合之前开发的一些自定义插件,就开发了一个uniapp仿抖音短视频uni-ttLive项目。 uni-ttlive 一款基于uniapp+vue….
-
Python处理文件使用频率很高的6个常用代码
日常工作中,我们经常会遇到一些查找、存储文件的问题,比如文件合并、文件分解等,这些问题涉及到对文件进行操作处理。对此,Python的OS库提供了很多功能模块供使用,本文整理了其中6…
-
JavaScript语言编程的前提思想
无论是公司的同事还是外界的程序员朋友们,大部分人对JavaScript的高级应用不甚了解,已有的知识架构里会认为JavaScript仅仅是一门脚本语言,其作用是给页面做一些锦上添花的效果,比如表单验证等等。潜意识里也就不会用面向对象的思想去编写JavaScript代码,也很少会去深入了解prototype, closures等概念。
-
Spring Boot + Vue 如此强大?竟然可以开发基于 C/S 架构的应用
前言 虽然 B/S 是目前开发的主流,但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源…
-
利用Python的folium包绘制城市道路图专业地图
写在前面 很长一段时间内,我都在研究在线地图的开发者文档,百度地图和高德地图的开发者中心提供了丰富的在线地图服务,虽然有一定的权限限制,但不得不说,还是给我的科研工作提供了特别方便…
-
Facebook登录方法之cookies登录
FaceBook登录的方法了。除了手机app登录之外,电脑端的登录有两种。 一种就是直接登录账号、密码。 另一种就是使用 cookies 来进行登录,需要使用Google浏览器和插…
-
自己常用的关于基本linux命令和技巧的整理
一、增加或者删除用户 useradd youmeng //增加一个名为youmeng的用户 userdel youmeng //删除youmeng这个用户名 passwd…