each time iframe create new iframe when i called iframe parent page - html

I have client.jsp page i put following iframe inside it
<IFRAME SRC="<%=filterPath%>" width="100%" height="1811px" id="iframe1" marginheight="0" frameborder="0" ></iframe>
In client.jsp i have link to call other page and from that page i again redirect on client.jsp using following code
redirect
When i look viewsource for the same i found two iframe and code is like
<iframe>
<iframe>
<iframe>
</iframe>
Each time i called client.jsp from other page it creates new iframe
How i rid from this problem ?

You need to load the page in the main window, instead of IFRAME, when redirect is clicked.
You can achieve this by using the following code :
<a target="_parent" href="client.jsp">redirect</a>

If your link is inside of iframe and you load into iframe new client.jsp with other iframe - you will get this. This is ok. Just put at head of iframe this:
<base target="_parent" />
or specify for every link target="_parent":
your link

Related

How to embed a React application into a basic HTML page?

The target site will not fully load inside the iframe element I've assigned it to:
<iframe
id="modalMapView"
class="hidden"
src="https://syringemap.firebaseapp.com/"
title="Syringe Map live application"
scrolling="no"
sandbox="allow-scripts allow-popups allow-same-origin"
></iframe>
If you visit the firebase app, you can see that it takes a bit of time, but eventually will load an additional menu and map. Are there any particular attributes I could add to the iframe that will help it move forward in the loading process?
EDIT: Photo for reference - this is what the iframe renders in my viewport: iframe render, and this is what it needs to render: firebase application
You need to use the allow property on the iframe:
<iframe
id="modalMapView"
class="hidden"
src="https://syringemap.firebaseapp.com/"
title="Syringe Map live application"
scrolling="no"
allow="geolocation"
sandbox="allow-scripts allow-popups allow-same-origin"
></iframe>

HTML 5 Video tag not showing fullscreen button

I am trying to get a video with the video tag to include a fullscreen option in the controls. If I insert a video into a site using the following:
<video controls>
<source src="filename.mp4 " type="video/mp4">
</video>
I do not get the full screen button.
Interestingly when you look at w3schools the example on the page shows the fullscreen but when you click the Try me it does not.
Could it be because the tag is inside an frame? Is there a way around this?
"Could it be because the tag is inside an frame? Is there a way around this?"
Yes that seems to be the cause after some investigation. Putting a <video> tag inside an <iframe> will cause the fullscreen button to disappear in Firefox.
Regarding W3Schools...
The first page creates an actual video tag (see line 1143 of source code).
On the second "Try it yourself" page they're actually creating an iframe (see line 541 of "Try it" page's source code): var ifr = document.createElement("iframe"); etc.
Solution:
In the iframe code, add allowfullscreen, webkitallowfullscreenand mozallowfullscreen.
If using an <iframe> to load another HTML page (which holds the shown <video> code) then try:
<!DOCTYPE html>
<html>
<body>
<iframe width="800" height="600" src="video_page.html" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen> </iframe>
</body>
PS:
"If I insert a video into a site using the following... [see posted code]"
Your posted code works fine. A <video> tag in a web page should have fullscreen controls. The problem you describe only shows up when using <iframe>.

Angular URL SRC in iframe desnt show up

I try to set up an iframe with src to youtube. The url inside an iframe is invisivble, when you inspect element in the browser. The same url pasted outside the iframe works perfectly.
<iframe width="420" height="315" ng-src="{{getChangeYouTubeLink(companyDetails.youTubeLink)}}"></iframe><br>
{{getChangeYouTubeLink(companyDetails.youTubeLink)}}
you see this when you inspect element
Do you have idea why it happens?

YouTube iframe shows forbidden error on blogspot page and webpage

I am trying to show a youtube video on my webpage and Blogspot page using HTML iframe.
<iframe width="320" height="250" src="http://youtube.com/watch?v=Y4lqtiYLuJU"></iframe>
But it's giving me the following forbidden error :
This website does not permit its contents to be displayed in a frame, it must be opened in a new window.
I am getting the same error on Blogspot when posting this iframe code to my Blogspot page.
Is there any way to fix this?
YouTube iframes works over HTTPS
<iframe width="320" height="250"
src="https://www.youtube.com/embed/Y4lqtiYLuJU">
</iframe>

Create link to my website embedded video and start playing

I have the following video iFrame embed code on a page on my website (mywebsite.com/page2) - it plays a video that is hosted on an external site (http://wistia.com). I want to be able to send email clients a link to my video on my page (mywebsite.com/page2/mywebsitevideolink) - not a link to the external website, a link that opens up mywebsite.com/page2 and displays the video on my page that you would have to scroll down to see and starts playing it. How can this be accomplished? Thanks.
<p class="rtecenter"><iframe allowfullscreen=""
allowtransparency="true" class="wistia_embed" frameborder="0"
height="480" mozallowfullscreen="" msallowfullscreen=""
name="wistia_embed" oallowfullscreen="" scrolling="no"
src="//fast.wistia.net/embed/iframe/myvideo" webkitallowfullscreen=""
width="640"></iframe></p> "
Modify your p tag to <p class="rtecenter" id="video">and then your link is http://mywebsite.com/page2#video
Hope that this'll help you.
You can also set up a file which displays when you type /page2/mywebsitevideolink and redirects to /page2#video
If you want to link to a certain part of your page, just use an anchor link.
<div name="videopart">
VIDEO HERE
</div>
And for the link: http://yoursite.com/video.html#videopart
And for the player to autoplay, if you are using your video hosting's player, look in teir documentation for how to autoplay. If your just using the html tag, and the word autoplay in the beginning tag.