天道酬勤,学无止境

iframe

What are the differences between using an HTML5 embedded video vs. an iframe with a YouTube link?

I'm debating whether or not to store a video on my server and call it through an HTML5 tag, or upload the video onto YouTube and use an iframe to embed the YouTube link. I'm not sure which would work more efficiently, or the differences between each one. What are the differences between using a HTML5 video tag and using a YouTube link and iframe tag?

2022-06-06 14:01:07    分类:问答    html   video   iframe   html5-video

Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE [duplicate]

问题 这个问题在这里已经有了答案: 拒绝在框架中显示,因为它将“X-Frame-Options”设置为“SAMEORIGIN” 20 个答案 2年前关闭。 我正在寻找这个 iframe 问题的一些解决方案 domain.com/:1 Refused to display 'domain.com/?q=node/add/editor' in a frame because it set 'X-Frame-Options' to 'sameorigin'. domain.com/?q=node/add/editor Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE domain.com/:1 Refused to display 'domain.com/?q=node/add/editor' in a frame because it set 'X-Frame-Options' to 'sameorigin'. pay.webintellizer.com/?q=node/add/editor Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE 仅供参考,如果有任何特殊代码,这两个站点都是基于 drupal 的。 我已经为 iframe 测试了相同的域和不同的域,但相同的错误

2022-05-17 04:40:49    分类:技术分享    iframe   drupal-7

How to load a iframe only on button click

问题 仅当单击“观看视频”按钮时,我才想要一个 youtube 视频 Iframe。 当前,当页面加载时,视频 iframe 在后台加载。 注意:我不是说,点击按钮播放视频。 我的意思是,在按钮单击时加载 iframe https://jsfiddle.net/kz0xxe22/ // Get the modal var modal = document.getElementById('trailerdivbox'); // Get the button that opens the modal var btn = document.getElementById("watchbutton"); // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } var trailerbox = document.getElementById("close"); trailerbox.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window

2022-05-17 02:50:29    分类:技术分享    javascript   jquery   html   css   iframe

iframe-based facebook app gets unwanted scroll bars with a smaller windows size

问题 我有这个 Facebook 应用程序配置文件页面: http://www.facebook.com/developers/editapp.php?app_id=122313254494566#!/apps/application.php?id=122313254494566 这与我基于 iframe 的 Facebook 应用程序 Gem Spinner 相关联: http://apps.facebook.com/gemspinner/ 我看到的是,根据窗口高度,我的 iframed 内容将以固定高度和滚动条出现,而不是像我一样顺着页面向下流动(必要时从页面底部流出)想。 当我缩短窗口时,会出现滚动条; 当我使窗口更高时,滚动条消失。 我的理解是 Facebook 确定了这个高度并添加了滚动条(但也许我错了)。 无论如何,我将不胜感激任何帮助理解这一点并让我的内容在必要时顺着页面向下流动。 回答1 好吧,我做了一些事情来让它工作。 (1) 在我的应用程序设置中,在 Facebook 集成选项卡下的 IFrame 大小下,我选择了自动调整大小而不是显示滚动条。 (2) 我加载了 Facebook 连接 API(见下面的代码)。 (3) 我在两个不同的地方调用了 FB.Canvas.setAutoResize(100)。 我调用了两次,因为我不清楚哪个位置可以更快地生效。

2022-05-15 19:49:04    分类:技术分享    facebook   iframe   scrollbar   facebook-iframe

Issues with Cross Document Messaging between IFrame & Parent

问题 我有一个应用程序在“外部”页面(不同的域等)的 iframe 内运行。 为了允许 iframe 和父级之间进行一些基本的通信,我在父页面上加载了我的一些脚本并使用postMessage进行一些跨文档消息传递。 大多数情况下,这种通信按预期工作,但有时我会看到一些错误报告给我的错误跟踪工具,但无法弄清楚它们发生的原因。 这是一些示例代码: PluginOnParent.js // ... window.addEventListener('message', function(e) { // Check message origin etc... if (e.data.type === 'iFrameRequest') { e.source.postMessage({ type: 'parentResponse', responseData: someInterestingData }, e.origin); } // ... }, false); // ... AppInsideIFrame.js // ... var timeoutId; try { if (window.self === window.top) { // We're not inside an IFrame, don't do anything... return; } } catch (e) { //

2022-05-15 08:50:04    分类:技术分享    javascript   iframe   cross-domain   messaging

Two Javascript unable to create two iframes , only last javascript creating iframe

问题 我有这两个脚本用于在页面上动态创建 iframe,但只有最后一个有效,但如果我在单独的页面上使用它们,两者都可以正常工作。 <script id='vr_NTgtLxxx'> window.options = { api_key: 'NTgtLxxx', height: '100%', width: '100%', min_height: '1000px' }; var s = document.createElement('script'); s.src = "http://www.example.com/embed.js"; s.async = true; document.body.appendChild(s); </script> <script id='vr_My0tNxxx'> window.options_search = { api_key_search: 'My0tNxxx', height: '100%', width: '100%', min_height: '1000px', 'title': 'search' }; var sa = document.createElement('script'); sa.src = "http://www.example.com/embed-search.js"; sa.async = true; document

2022-05-15 02:38:04    分类:技术分享    javascript   html   iframe

Blocked iframe due to mismatch protocols

问题 我正在尝试在按钮click事件上将值从父窗口发送到我的框架,但它在控制台上显示错误 未捕获的安全错误:阻止了来源为“http://localhost:53838”的框架访问来源为“null”的框架。 请求访问的帧具有“http”协议,被访问的帧具有“文件”协议。 协议必须匹配。 在以下行: window.parent.setUpFrame(); 我在父容器中有以下代码: <!DOCTYPE html> <html> <head> <script> function setUpFrame() { var frame = window.frames['myFrame']; $('#btn-violet').click(function () { frame.changeTheme(2); }); } </script> </head> <body> <iframe id="myFrame" width="100%" height="300px" src="http://localhost:53838/" name="iframe_a"></iframe> <input type="button" value="bisque Theme" id="btn-bisque" /> <input type="button" value="violet theme" id="btn

2022-05-14 13:07:03    分类:技术分享    javascript   html   http   iframe

Parse iframe with blank src using bs4

问题 一天中的美好时光,SO 社区。 这是我最近遇到的问题: 我在主页上得到了这个 HTML 源代码: <div id="contents_layout"> <iframe name="contentsFrame" id="contentsFrameID" src="" width="100%" height="100%" scrolling="no" frameborder="0" marginheight="0" marginwidth="0"></iframe> </div> 而且我已经阅读了很多关于解析 iframe 的材料,但他们所做的只是从 iframe 获取 src 属性,然后再发出另一个请求。 我不能在这里做同样的伎俩,因为 src 属性是空白的,Web 逻辑位于下面。 我正在使用 Python 3.5、bs4 和请求。 页面源码-http://collabedit.com/kqp88 框架源码-http://collabedit.com/hwuj7 不知道能不能分享一下原网页。。。 回答1 iframe有一个 id,所以只需使用它: h= """<div id="contents_layout"> <iframe name="contentsFrame" id="contentsFrameID" src="" width="100%" height="100%"

2022-05-14 12:32:16    分类:技术分享    python   parsing   iframe   beautifulsoup

How do I get all iframe elements?

问题 当一些外部 iframe 使用以下代码加载时,我正在显示一个加载指示器: <html> <head> <title>Loading iframe</title> </head> <script> function loading_iframe(){ document.getElementById('loading_iframe').style.display = "none"; document.getElementById('loading').style.display = ""; document.getElementById('loading_iframe').onload = function(){ document.getElementById('loading').style.display = "none"; document.getElementById('loading_iframe').style.display = ""; } } </script> <body> <iframe id="loading_iframe" src="iframe.html" width="800" height="100"></iframe> <div id="loading">Loading...</div> <script> loading_iframe(); <

2022-05-14 09:58:04    分类:技术分享    javascript   regex   iframe

use mongoose model.find() to get all entries of only 1 field

问题 我尝试使用不同的 model.find() 变体,但没有一个能满足我的要求。 下面的代码是我正在使用的,但它显示每个字段,我只想要“iframe”字段。 app.get('/api/videos', function (req, res) { Video.find({}, function (err, docs) { res.json(docs); }); }); 下面的代码确实有效,我只得到了“iframe”字段,但它反转了 json 输出,我不希望这样。 它也有独特的价值,尽管它并不那么重要,因为每个条目都是独一无二的。 app.get('/api/videos', function (req, res) { Video.find().distinct('iframe', function (err, docs) { res.json(docs); }); }); W 回答1 您正在寻找的是所谓的投影: Video.find({}, {iframe: 1}, function (err, docs) { res.json(docs); }); find函数的第二个参数告诉返回哪个字段。 如果您也不想要_id ,请使用: {_id:0, iframe:1} 像这样: Video.find({}, {_id:0, iframe:1}, function (err, docs)

2022-05-13 20:10:05    分类:技术分享    javascript   node.js   mongodb   iframe   mongoose