Questions tagged [iframe]

1

votes
1

answer
334

Views

Javascript - How to change src of iframe when video ends

I would like to know how can I change the source of iframe automatically when video ends. I am using this script to generate iframe and the function onPlayerStateChange to detect when the video ends. I basically need to change the videoID after the video finishes playing. My JS: // create youtube pl...
Adam Šulc
1

votes
3

answer
4.1k

Views

Refused to display a frame because it set 'X-Frame-Options' to 'sameorigin'

I am trying to set a iframe in the ionic3 but I am facing with this problem Refused to display a frame of webpages. This is my code. onInput() { this.open = true; this.url = this.domSanitizer.bypassSecurityTrustResourceUrl('https://www.youtube.com/embed/results?search_query=' + this.myInput); }
0

votes
0

answer
16

Views

Save elements values as a list from an iframe

I would like to save all datas from a table from different iframes. The table structure looks like that in the iframe: d The code below collect the first data perfectly. var matches = document.querySelector('[title^='Music_']').contentWindow.document.getElementById('R28_1').value; alert(matches); W...
Avalanche
1

votes
0

answer
10

Views

Opening external application in iframe not working in Safari

I have a site embedded in an iframe from where I want to launch a mobile app. The following is bound to an onClick action on my button, and works in both Chrome and Firefox on my Android: window.location = 'scheme://app.com/?action=xxxxx' However, when trying on Safari on iOS, nothing happens at all...
Boxiom
1

votes
2

answer
24

Views

Is calling React Web App by Iframe a good practice? [closed]

I have a React Web App build (index.html) that is called using an Iframe. Iframe is an expensive call and I tend not to use it. But I was glad to find that it hides all React details from Chrome web tools. I consider it as good security measure. However, I lost the routing displayed as uri (I am usi...
Mulli
0

votes
0

answer
7

Views

Edit content inside iframe

I'm interested in knowing how you'd go about creating a website builder through an iframe. One software I've noticed enables you to do this is Storyblok - edit the page through an iframe and it updates the site. As a side project, I want to build a website editor that edits the site through an Ifram...
fakethesnake
2

votes
1

answer
31

Views

What data are we capturing in Google Analytics from an embedded iFrame we own that resides on a third-party site?

I was asked to create a Google id for our marketing department to be able to use to track their ads. I had no idea these ads were being delivered as an iFrame (without head tags, just html) into a third-party site (that can be on the web or on desktop software). Now the department wants to know what...
EPM
1

votes
1

answer
37

Views

How to design an advertisement picture on pop-up? [closed]

I want to design a stuff that can do this: display a picture on a html, which I already did, I did it in the vue-cli. By uploading a image from another site which can send this image to back end in the database, display the newest image that you upload, or using something like changed once a day. So...
Zecheng Li
1

votes
0

answer
887

Views

Iframe not working in browser?

I try iframe its working fine in chrome but not working on Mozila and IE.
Asim Riaz
1

votes
0

answer
129

Views

Reg: Microsoft Chatbot: Passing userId/name in the iFrame SRC and reading that in the C# BOT code at server side

I am passing the userId from the iFrame like below, and this iFrame is embedded on the master screen of our website. iframe src='https://webchat.botframework.com/embed/BotId?s=BOTSecret&userid=' + + height='400' and trying to read it from the bot code like below, which is called from the StartAsyn...
Mahesh Singh
1

votes
0

answer
628

Views

Angular wrapped Iframe-resizer(Get Iframe target site height)

I tried to get the content window height to set the iframe height in angular 5, but iam unable to do that because iam using different domain url in my src tag. Im getting exception like 'blocked because of cors'. HTML: HomeComponent.ts resizeIframe(obj) { var height = obj.target.contentDocument.inn...
Ajay
1

votes
0

answer
49

Views

JS - Cloning part of an external webpage

I'm trying to include a table from a webpage in a different domain. I went for the easiest path using a proxy to fulfill my request and embedded the page directly into an iFrame. Everything works fine but I'm still missing my initial (and final) objective: clone exactly (and only) one portion of t...
Leon
1

votes
0

answer
262

Views

How to read cross- domain iframe content?

I am embedding an iframe which has src ='' from another domain. For example, my page is www.abc.com/Default.aspx, and the iframe All that I want to do is when I click on submit button of iframe from then I should display an alert. $(document).ready(function(){ $('button[type=submit]').click(functio...
Bilal sagheer Awan
1

votes
1

answer
359

Views

Detect when iframe & elements are completely rendered, not just html is loaded

So i have an embedded iframe and i need to detect when the elements are completely rendered. The jquery load() and ready() events only detect when the html is loaded and fire immediately without waiting for the iframe contents to render. i need to change the size & position of some elements via jque...
Rainhider
1

votes
0

answer
283

Views

Dynamic height of modal with iframe inside

I have an iframe inside a bootstrap modal.. The iframe contents are dynamic..i.e. height is variable. How can the modal automatically adjust height ?
kputcha
1

votes
0

answer
198

Views

Unable to modify headers in nginx

I recently got introduced to nginx, and I'm pretty much a beginner in it. I was trying to do this example in which I try to run nginx as a reverse proxy, request a page, say 'http://example.com' and then hide one of the headers returned by that page. here's the config file I'm using: server { listen...
minus
1

votes
0

answer
37

Views

How can I block these external Youtube API JS scripts that are loading on my website through an iframe?

To optimize my website load I've concatenated all my JS and CSS scripts into as few as possible. BUT, I'm still loading a couple extra through a Youtube embed iFrame that I'm using as a video background header. These 3 scripts are driving down my Google Page Speed Insight score (ironic considering t...
David A. French
1

votes
1

answer
387

Views

Pinch to zoom/scale just iframe in Cordova app

I have been battling with this issue for the past couple days and am unable to get to the bottom of it.. I am looking for a way to embed an iframe into a cordova application (running on an iOS device) to show an external webpage and allow the user to pinch to zoom/scale the iframe content without s...
Willy
1

votes
0

answer
187

Views

youtube mix two iframe livestream and playlist

i have two iframes iframe no.1 is livestream iframe no.2 is playlist enter code here i want mix these two iframes in fact when youtube livestream activate only show livestream at iframe and when livestream finished iframe no2 start play automatically at the same iframe how set condition b...
ramin
1

votes
1

answer
208

Views

How to Embed InVision Prototype iframe with no background?

I have been trying to embed my prototype from InVision by using an iframe. For some reason, mine has a dark background underneath the frame. I have seen some embedded frames with no background and I would like to have mine displayed this way. How could I do this? The prototype embedded on my web...
Jay Lee
1

votes
0

answer
971

Views

Youtube full iframe player with no cookies - Can it be done?

I am trying to create a page with a standard youtube iframe player. It will play a video and when the first video finishes, it will use loadVideoById to load and play a second, and then after it finishes a third video. The problem I have is that since I have partially watched the second (and third)...
Hexdump
1

votes
0

answer
557

Views

IE11 : script70 permission denied when accessing element from another iframe

My application has 2 iframes, a main-iframe from which the user selects a file and a side-iframe which gets the file from the main-iframe, slices it and uploads it slice-by-slice to the server using XMLHttpRequest and AJAX. The main-iframe can be navigated and present many different pages, so as I...
The_Mundane
1

votes
0

answer
160

Views

Iframe is not scrolling on iPhone 7

I have an embed on a page. But when I open it on iPhone 7(Safari), it doesn't scroll. If I change the screen orientation from portrait to landscape, the scrolling works. After that if I change the screen orientation to portrait, the scrolling will work. I also tested on iPhone 6s(Safari), it works w...
Deepak P C
1

votes
0

answer
47

Views

$().contents().outerHeight() doesn't get the correct value

I'm trying to resize an iframe with the content height of the inner web page in this way: function resizeIframe() { $('iframe').height( $('iframe').contents().outerHeight() ); } The problem is that when the resizeIframe() function is executed is getting a lower value than the actual height. My intu...
DMC19
1

votes
0

answer
65

Views

Error previewing Amazon S3 uploaded office files using office online

We have uploaded some office files to our Amazon S3 bucket through our application. We are using office online to preview the files in the browser inside the iframe from our app. If the bucket has the office file inside the sub-directory (eg. 'Test'), then the preview works properly. But when the bu...
ajexpress
1

votes
1

answer
25

Views

separating audio layer and video from YouTube

Can I separate audio layer and video from YouTube and add only audio to my website? I want to create app like spotify but I want to play music for example from YouTube
pattryk95
1

votes
1

answer
262

Views

how to handle cid image sources when rendering emails in iframe

we have a web-email-client written in Angular4+. We load the emails from an Exchange web service. Incomming mails are sanitized and then rendered as source to an iframe. This works fine even with images except they are embedded as like Is there a way to show the images when rendering the email? We a...
Christoph Glaß
1

votes
1

answer
723

Views

File Download using iframe not working in Iphone/Ipad

File download feature is not working for my MVC-Bootstrap web application that uses an iframe in Iphones/Ipads ( for both Safari and Chrome). Everything works well in desktops,laptops and in Android devices ( for all browsers). In a button click, I use the below Jquery code to invoke an iframe to do...
VPP
1

votes
1

answer
1.7k

Views

how to change the design of iframe youtube play button

how can i change the design of iframe youtube play button using css and angular4 youtube.html Play styles.css iframe.video { width: 100%; height: 500px; } .ytp-large-play-button svg{ border-radius: 50% !important; height: 50px !important; background-color: white !important; } youtube.compo...
chv
1

votes
1

answer
64

Views

Display unix command output in html page without any special character

I have a txt file containing output of some unix commands. Now when I open the file in dos command prompt, it display in correct format with all new lines/tabs etc. But when I open the file in html using iframe, it comes in a single line and special character in between. Is there any way in html 5 t...
user3913069
1

votes
2

answer
678

Views

JQuery Find HTML Content inside iFrame

I want to find a HTML Content inside iFrame. I've following this code but seems doesn't works : $('#iviFrame1').contents().find('#iViTag1').html(); I do on Firefox Console after iFrame load completely. I also check my iFrame and contents inside it and found div with id iViTag1 : inside an Iframe : I...
Yohanes AI
1

votes
0

answer
90

Views

Control a PPTX file with Javascript offline

This is an odd use-case and I've tried to steer the users away from this, but I have a request to load locally stored PPT files in an HTML environment. The idea is to view the PPT in an iframe so that I can 'decorate' all around it. Users will be creating playlists, of sorts, so I need to add 'next'...
Wayne F. Kaskie
1

votes
0

answer
373

Views

Why is the content of my iframe not showing in chrome but displaying on Internet Explorer

Im trying to display the content of an iframe in Google Chrome, but shows me an error. But when I open it in Internet Explorer it displays properly. By the way the file is a pdf. I checked the the Google console, it shows: Unexpected server response 0 Cant retriview the PDF file
Roger Ruiz
1

votes
2

answer
107

Views

How to blur the background of an iframe popup

When i applied filter:blur to the container(id='vaaSaleAlertsContainer') the popup gets blurred instead of background content. I want to blur the background content when popup is displayed. iframe popup and container structure code: ×
Ashutosh Pandey
1

votes
0

answer
58

Views

CodeMirror: Javascript in iframe not working

I am trying to built code player that shows result of html page including script in iframe. but something seems to be wrong here. it seems javascript not working every time i click button i see error in console. .CodeMirror{border:1px solid black} hello function say(){ alert('test') } click var edi...
judy
1

votes
0

answer
341

Views

Does mutationObserver on parent detect changes within iframe

I have implemented a mutationObserver on parent page to watch an iframe embedded within it using the following code: function testMutation(){ console.log('test mutation called'); var element = document.getElementsByTagName('iframe')[0]; var config = { attributes: true, attributeOldValue: true, ch...
StangSpree
0

votes
0

answer
4

Views

3rd party cookie does not persist in iframe itself, only in safari

I've got a page with a small ecommerce/basket/checkout flow. Which relies on a basket_id stored in a cookie. This page is being included via an iframe on several different domains. In all browsers the checkout flow works, except for safari. After researching the reason behind this, and why it mirac...
stUrb
0

votes
0

answer
4

Views

Is there a way to create a delegated menu for embedded youtube videos (youtube autoplay chrome)

I try to create a delegated menu for youtube video and video based audio files in one of my projects webpages and all works fine in FF, Safari, IE and so on, except in Chrome. I know there are limitations for autoplay in chrome browser since Version 66. (https://developers.google.com/web/updates/20...
W P
1

votes
2

answer
938

Views

Incompatibile SockJS! Main site uses: “1.1.4”, the iframe: “1.0.0”. How to deal with that?

I have problem with WebSocket using SpringBoot and Angular2: Incompatibile SockJS! Main site uses: '1.1.4', the iframe: '1.0.0'. Screenshot: consoleOutput I think that error (Incompatibile SockJS! Main site uses: '1.1.4', the iframe: '1.0.0'.) generate next problems with handshake response. Spring B...
scorpion
1

votes
0

answer
61

Views

Looker Custom Iframe embedded events

I'm using looker for a table visualisation. I need the embedded iframe to communicate with parent window. I'm using embedded Iframe events for some visualisations. And I'm receiving the default events But I'm need to create and broadcast my own events. For example, one cell in the table should broad...
Jordan

View additional questions