您的位置：首页技术文章
文章详情页

javascript - iframe 嵌入html怎么实现移动端自适应 html中有视频

浏览：221日期：2022-11-20 15:50:25

问题描述

https://v.qq.com/x/page/v0513...这个是资源地址用iframe内嵌 怎么能适应手机

javascript - iframe 嵌入html怎么实现移动端自适应 html中有视频

这个大小改怎么控制宽高现在是

<iframe src='https://v.qq.com/x/page/v0513ovygwe.html' frameborder='0'></iframe>

怎么能更好的自适应

问题解答

回答1：

可以获取手机屏幕的宽度动态设置iframe 的宽度。

回答2：

我记得ios9下 iframe有1000px的bug,另外腾讯视频好像这么搞没用,会被封的吧

回答3：

视频下面有个分享，然后直接拿embed标签，用js调整一下宽高就行了。不要用iframe直接引用那个播放界面。

javascript - iframe 嵌入html怎么实现移动端自适应 html中有视频

回答4：

求解答 ><

标签： JavaScript
上一条：javascript - vue-resource如何终止之前的ajax请求？下一条：javascript - 移动端针对页面固定定位到底部的内容，每次调出键盘都会被输入键盘盖住
相关文章：
1. HTML5表单必填属性设置自定义验证消息？2. javascript - Vue键盘事件为何要加上native？3. 求救一下，用新版的phpstudy，数据库过段时间会消失是什么情况？4. css3 线性渐变实现间断线条效果5. node.js - Angular-webpack-Starter, 怎么把NodeJS添加进项目里？6. css3 - 背景图自定义比例缩小7. javascript - 如何图片中的灯塔闪烁起来；考虑兼容性8. java - Netty服务器端如何检测到客户端网络异常断网？？9. 超链接里的target问题10. javascript - gulp-nodemon 使用重启express 服务器的时候端口被占用
排行榜
HTML5表单必填属性设置自定义验证消息？
HTML5表单必填属性设置自定义验证消息？
1. css3 - 背景图自定义比例缩小
2. android-studio - android studio自带模拟器中的本地“图库”所对应的路径是什么？
3. node.js - Angular-webpack-Starter, 怎么把NodeJS添加进项目里？
4. 超链接里的target问题
5. css3 线性渐变实现间断线条效果
6. java - Netty服务器端如何检测到客户端网络异常断网？？
7. node.js - yo webapp构建项目时报错了，如图
8. javascript - Vue键盘事件为何要加上native？
9. javascript - gulp-nodemon 使用重启express 服务器的时候端口被占用
10. javascript - 如何图片中的灯塔闪烁起来；考虑兼容性
热门标签