草庐IT

embed_iframe

全部标签

javascript - 在没有 iframe 的情况下嵌入 HTML5 YouTube 视频?

是否可以在不使用iframe的情况下嵌入html5版本的YouTube视频? 最佳答案 下面是一个没有iFrame的嵌入示例:与来自YouTube的常规iframe“嵌入”代码比较:就HTML5而言,使用像这样的标签(更正): 关于javascript-在没有iframe的情况下嵌入HTML5YouTube视频?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/18726480/

javascript - 在 Chrome 中使用带有本地文件的 iframe

我很难弄清楚如何从外部页面访问加载到iframe中的页面。这两个页面都是本地文件,我使用的是Chrome。我有一个外页和许多内页。外页应始终显示内页的页面标题(这在我的应用程序中有意义,在这个精简示例中可能不太有意义)。这在AppJS中没有任何问题,但我被要求让这个应用程序直接在浏览器中运行。我收到错误消息“阻止了来源为“null”的框架访问来源为“null”的框架。协议(protocol)、域和端口必须匹配。”。我认为这是由于Chrome关于本地文件的同源策略,但这并没有帮助我直接解决问题。我可以根据Waystocircumventthesame-originpolicy使用wind

javascript - 更改 iframe src 时如何设置自定义 http header ?

有没有办法将自定义httpheader添加到由完成的请求中?使用javascript更改源(src)时? 最佳答案 您可以将具有自定义header的ajax请求的结果设置为iframe的内容,如下所示:$.ajax({type:"GET",url:"https://app.icontact.com/icp/a/",contentType:"application/json",beforeSend:function(xhr,settings){xhr.setRequestHeader("some_custom_header","foo

javascript - 停止嵌入式 youtube iframe?

我正在使用YouTubeiframe在我的网站上嵌入视频。我在同一个页面上有多个视频。我想使用javascript等点击一个按钮来停止所有这些或其中之一。这可能吗?更新:我尝试了TalviWatia所说和使用的方法:$('#myStopClickButton').click(function(){$('.yvideo').each(function(){$(this).stopVideo();});});我得到:UncaughtTypeError:Object[objectObject]hasnomethod'stopVideo' 最佳答案

javascript - Youtube iframe api 未触发 onYouTubeIframeAPIReady

我已经与youtubeiframeapi斗争了很长一段时间。不知何故,方法onYouTubeIframeAPIReady并不总是被触发。从症状看来是加载问题。检查器中没有显示任何错误。这是我的代码:HTMLvideoId='someVideoId';vartag=document.createElement('script');tag.src="//www.youtube.com/iframe_api";varfirstScriptTag=document.getElementsByTagName('script')[0];firstScriptTag.parentNode.inser

javascript - 将内容插入 iFrame

我正在尝试将一些内容插入到“空白”iFrame中,但没有插入任何内容。HTML:JS:$("#iframe").ready(function(){var$doc=$("#iframe").contentWindow.document;var$body=$("").text("Test");$body.insertAfter($doc);});我正在调用ready函数,所以我不明白为什么它没有插入。 最佳答案 你真的不需要jQuery:vardoc=document.getElementById('iframe').contentWi

javascript - 如何解决 IE11 localStorage 事件在 iframe 中触发两次或根本不触发?

我猜这是一个错误,但我没能找到任何关于此的讨论。众所周知,IE10将(违反规范)在本地触发存储事件(即,在触发事件的同一全局执行上下文中),但IE11似乎更偏离规范(http://www.w3.org/TR/webstorage/),当它来到同域iframe:如果iframe嵌入到触发存储事件的页面中,则该事件将在该iframe中触发两次。如果iframe嵌入的页面与触发存储事件的页面不同,则该iframe内根本不会触发该事件。如果事件是从iframe触发的,它将在本地触发两次,并在嵌入同一页面的任何其他iframe中触发两次,但在其他页面的iframe中根本不会触发。您可以通过在两个

javascript - 跨域iframe问题

假设我有一个名为example.com的站点,其中嵌入了iframe.net域的iframe,现在我想读取iframe的内容并传递一些参数以显示文本消息。喜欢用用户名嗨。现在的问题是这无法在两者之间建立联系,甚至无法获得我使用以下方法的iframe的innerHTMLdocument.getElementById('myframe').contentWindow.document.body.innerHTML;它抛出错误“访问属性的权限被拒绝”有谁知道跨域平台读写 最佳答案 如果您无法控制框架网站,就无法规避跨域政策。如果您可以控制

javascript - 阻止 Google Maps iframe 捕获鼠标的滚轮行为

这个问题在这里已经有了答案:DisablemousescrollwheelzoomonembeddedGoogleMaps(30个答案)关闭7年前。如果您使用触控板或鼠标通过嵌入式mapiframe浏览,您可能会陷入map的缩放功能,这真的很烦人。在这里试试:https://developers.google.com/maps/documentation/embed/guide#overview有什么办法可以避免这种情况吗?

javascript - iframe 继承自父级

我如何制作继承其父项的样式和javascript。我试过了varparentHead=$("head",parent.document).html();$("head").html(parentHead);但是,它去掉了标签。此外,我没有看到影响我的iframe的样式。我是否缺少更好的/任何其他方法?谢谢。 最佳答案 您可以通过在iframe中添加这样的代码来“继承”父级的CSS:window.onload=function(){if(parent){varoHead=document.getElementsByTagName("h