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

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

浏览：158日期：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. 问题Unknown column ’’ in ’where clause’2. angular.js - 如何控制ngrepeat输出的个数3. html - vue项目中用到了elementUI问题4. javascript - 在使用 vue.js element ui的时候 怎么样保留table翻页后check的值？5. mysql_replication - mysql读写分离时如果单台写库也无法满足性能怎么解决6. javascript - vue组件通过eventBus通信时，报错a.$on is not a function7. css3 - css怎么实现图片环绕的效果8. linux - ubuntu 命令行中文 显示菱形，期望通过引入字体解决而不是zhcon这种方式9. ionic 项目 ionic build android -release 打包时报错10. python - 如何用pandas处理分钟数据变成小时线？
排行榜
ionic 项目 ionic build android -release 打包时报错
ionic 项目 ionic build android -release 打包时报错
1. angular.js - 如何控制ngrepeat输出的个数
2. javascript - 在使用 vue.js element ui的时候 怎么样保留table翻页后check的值？
3. html - vue项目中用到了elementUI问题
4. css3 - css怎么实现图片环绕的效果
5. javascript - vue组件通过eventBus通信时，报错a.$on is not a function
6. mysql_replication - mysql读写分离时如果单台写库也无法满足性能怎么解决
7. 问题Unknown column ’’ in ’where clause’
8. python - 如何用pandas处理分钟数据变成小时线？
9. linux - ubuntu 命令行中文 显示菱形，期望通过引入字体解决而不是zhcon这种方式
10. mac里的docker如何命令行开启呢？
热门标签