当前位置: 开发笔记 > 前端 > 正文

关于iframe里面放视频的问题

作者：小艾的沙滩 | 来源：互联网 | 2023-05-18 11:57

大概代码是这样的，一个点击事件，弹出一个小窗口，里面放的是一个视频。例如YOUKU的视频（为了能够让IOS也能观看）<iframeheight498

大概代码是这样的，一个点击事件，弹出一个小窗口，里面放的是一个视频。
例如YOUKU的视频（为了能够让IOS也能观看）

问题就出现在某一些浏览器上，关闭小窗口的时候，浏览器显示一片黑色，再按一下ESC或者刷新才能回到原来页面。

一开始以为是iframe和浏览器的问题，后来尝试把iframe里的SRC换成flash的格式后，竟然正常。问题在哪里，如何解决，谢谢。

4 个解决方案

#1

没人遇到过吗

#2

某些浏览器指哪些？关闭小窗口是什么个意思？？

#3

IE8以下，火狐和IE9我试过可以，前面有提到会弹出一个小窗口（就像CSDN点击管理-编辑的时候一样）

#4

贴代码看看。。

iframe
ios

推荐阅读

css
逻辑运算符“与”和“或”的使用解析

本文详细解析了逻辑运算符“与”（&&）和“或”（||）在编程中的应用。通过具体示例，如 `[dehua@teacher~]$[$(id -u) -eq 0] && echo "You are root" || echo "You must be root"`，展示了如何利用这些运算符进行条件判断和命令执行。此外，文章还探讨了这些运算符在不同编程语言中的实现和最佳实践，帮助读者更好地理解和运用逻辑运算符。 ... [详细]

蜡笔小新 2024-11-10 14:50:01
css
开发笔记：实现1353表达式中的括号匹配（栈的应用）

开发笔记：实现1353表达式中的括号匹配（栈的应用） ... [详细]

蜡笔小新 2024-11-10 14:35:41
css
算法精解与应用分析

二分查找算法详解与应用分析：本文深入探讨了二分查找算法的实现细节及其在实际问题中的应用。通过定义 `binary_search` 函数，详细介绍了算法的逻辑流程，包括初始化上下界、循环条件以及中间值的计算方法。此外，还讨论了该算法的时间复杂度和空间复杂度，并提供了多个应用场景示例，帮助读者更好地理解和掌握这一高效查找技术。 ... [详细]

蜡笔小新 2024-11-10 14:35:25
css
蚂蚁课堂：性能测试工具深度解析——JMeter应用与实践

蚂蚁课堂：性能测试工具深度解析——JMeter应用与实践 ... [详细]

蜡笔小新 2024-11-10 13:35:01
css
iPhone 11的几大痛点与小聪明：苹果的精明策略分析

面对一个直截了当的问题：新款iPhone 11没有5G功能，你会购买吗？在这一年里，苹果面临了自初代iPhone发布以来最尴尬的业绩挑战。尽管iPhone在过去十年中持续热销，推动苹果成为全球市值最高的公司之一，但苹果现在正通过大力拓展服务业务来应对这一困境。此外，苹果还采取了一系列精明的策略，如优化成本控制和提升用户体验，以保持其市场竞争力。 ... [详细]

蜡笔小新 2024-11-10 13:08:56
css
深入解析 iOS 开发中的 @()、@[] 和 @{} 语法糖

在 iOS 开发中，经常会遇到 `@(YES)`、`@[firstViewController]` 以及 `@{@a:@b}` 这样的语法糖。这些简化的写法分别用于初始化布尔值、数组和字典对象，能够显著提高代码的可读性和编写效率。例如，`@(YES)` 可以快速创建一个布尔值对象，`@[firstViewController]` 则用于创建包含单个元素的数组，而 `@{@a:@b}` 则用于创建键值对字典。理解这些语法糖的使用方法，有助于开发者更加高效地进行编码。 ... [详细]

蜡笔小新 2024-11-10 12:43:56
css
作文记录：合并区间的技巧与应用

本文详细记录了合并区间问题的解题技巧与应用场景。首先介绍了问题背景和题目描述，接着从排序最大值的角度探讨了解决思路，并提供了具体的程序代码及运行结果。此外，还探讨了其他可能的解决方案。最后，对整个解题过程进行了总结，为读者提供了全面的理解和参考。 ... [详细]

蜡笔小新 2024-11-10 12:36:21
css
Unity3D 中 AsyncOperation 实现异步场景加载及进度显示优化技巧

在Unity3D中，通过使用`AsyncOperation`可以实现高效的异步场景加载，并结合进度条显示来提升用户体验。本文详细介绍了如何利用`AsyncOperation`进行异步加载，并提供了优化技巧，包括进度条的动态更新和加载过程中的性能优化方法。此外，还探讨了如何处理加载过程中可能出现的异常情况，确保加载过程的稳定性和可靠性。 ... [详细]

蜡笔小新 2024-11-10 11:22:38
css
跨线程调用UI控件方法的invoke机制总结与优化建议

在跨线程调用UI控件方法时，通常使用同步调用机制，如 `控件.Invoke(Delegate, 参数)`。这里需要声明并实现一个委托，因为控件本身并不知道如何处理跨线程操作。通过将具体的实现逻辑封装在委托中，控件可以正确地执行这些操作，确保线程安全性和UI的一致性。此外，为了提高性能和可维护性，建议对频繁的跨线程调用进行优化，例如使用异步调用或批量处理请求。 ... [详细]

蜡笔小新 2024-11-10 10:38:22
html
提升视觉效果：Unity3D中的HDR与Bloom技术（高动态范围成像与光线散射）

提升视觉效果：Unity3D中的HDR与Bloom技术（高动态范围成像与光线散射） ... [详细]

蜡笔小新 2024-11-10 10:16:00
css
在各项条件尚未成熟时，务必谨慎使用border-box布局模式！！！

近日，我在处理一个复杂的前端问题时遇到了极大困扰。具体来说，我之前开发了一个功能丰富的纯jQuery代码的前端GridView控件，实现了多种功能和视觉效果，并在多个项目中表现良好。然而，最近在尝试应用 `border-box` 布局模式时，却遇到了意想不到的兼容性和性能问题。这提醒我们在条件尚未完全成熟的情况下，应谨慎使用 `border-box` 布局模式，以免引入不必要的复杂性和潜在的bug。 ... [详细]

蜡笔小新 2024-11-10 10:03:00
css
【Eclipse开发效率提升插件推荐】利用Google V8增强Node.js调试体验

在Eclipse中提升开发效率，推荐使用Google V8插件以增强Node.js的调试体验。安装方法有两种：一是通过Eclipse Marketplace搜索并安装；二是通过“Help”菜单中的“Install New Software”，在名称栏输入“googleV8”。此插件能够显著改善调试过程中的性能和响应速度，提高开发者的生产力。 ... [详细]

蜡笔小新 2024-11-10 09:44:34
html
如何在Nginx服务器上轻松配置CertBot以实现SSL证书自动化管理

为了确保iOS应用能够安全地访问网站数据，本文介绍了如何在Nginx服务器上轻松配置CertBot以实现SSL证书的自动化管理。通过这一过程，可以确保应用始终使用HTTPS协议，从而提升数据传输的安全性和可靠性。文章详细阐述了配置步骤和常见问题的解决方法，帮助读者快速上手并成功部署SSL证书。 ... [详细]

蜡笔小新 2024-11-10 08:42:08
html
Android平台下的人脸识别应用：FaceU的深度解析与技术探讨

FaceU是一款由今日头条脸萌团队开发的拍照相机应用，支持iOS和Android平台。自2014年底启动开发以来，FaceU通过其创新的人脸识别技术和丰富的滤镜效果，在2015年9月迅速获得了用户的广泛认可。本文将深入解析FaceU的技术架构和实现方法，探讨其在Android平台下的应用前景和优化策略。 ... [详细]

蜡笔小新 2024-11-09 19:36:16
html
深入解析Android 4.4中的Fence机制及其应用

在Android 4.4中，Fence机制是处理缓冲区交换和同步问题的关键技术。该机制广泛应用于生产者-消费者模式中，确保了不同组件之间高效、安全的数据传输。通过深入解析Fence机制的工作原理和应用场景，本文探讨了其在系统性能优化和资源管理中的重要作用。 ... [详细]

蜡笔小新 2024-11-09 19:30:27

小艾的沙滩

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章