How to embed a portion of a website using iframe - html

I am using a google site, and was wanting to embed a portion of a website - that portion being in the middle of the website. I have tried researching how to do it, but google sites doesn't like using div, or embed codes with a different format. While playing around with iframe, I could change the height and width of the iframe, but it all revolved around the top left corner. Is there anyway to change this so I can embed the specific portion of the website I want without having any of the other stuff surrounding it?
Thanks

Related

Crop webpage(url) content inside an iframe

I have a requirement to embed an url inside iframe, which fits inside a lightning component. I would like to request you all to help me with an approach, where webpage contents can be disabled/cropped so only required consents of page can be viewed inside my iframe. Display: none works, when i use it on webpage using inspect element. But it won't support inside iframe,
Used display:none, it did not result in cropping the webpage.

How to embed a website in another website?

I have two websites, and I want to embed one in the other. I am aware that I can do this using either iframe or embed, but both only embed the webpage, not the entire website. I want it so that a user can click buttons, navigate, etc. throughout the site, accessing different URLs.
An iframe can indeed do that. Navigation inside the iframe does not affect the embedding webpage.

Embedding a scrolled down page in HTML

I want to embed a page from around 200px down. Is it possible to make an embedded page (for example, an embedded Youtube page scrolled down to the comments)? This code worked for the embed itself - <iframe src="(webpage)" width="800" height="452" frameborder="0">. I'm assuming it's HTML. Please let me know if it is poorly phrased for the section.

Duplicate fake image while using an iframe

I have created a website, but there is one problem. My Masthead and Footer are position:fixed, and I have a video page. my Video page contains Youtube videos using iframe.
Whenever I scroll down and up, this problem sometimes occurs:
Ignore the symbols you can't understand, this is my language :P
Well, that was my best way to describe the issue.
Any idea how to fix that? I have already tried using the "Object" embed code instead of the iframe, but still, it didn't work and the issue is still hapenning.
Thanks in advance!

How to prevent reloading a Flash player using iframes?

I have a website that has a huge background image. I need to put a flash player at the top of the website, and I just realized that each page they click on is a new page, and thus restarts the Flash player. So I would like to put that flash player in an iframe so it will continue to play throughout the user surfing.
But my issue is will the iframe cover the background image and not be underneath? Or will the background image of the page (not iframe) go nicely underneath the iframe and no one will be the wiser of my methods? Any help would be greatly appreciated.
Firstly what you want to do is put your individual pages contents into an iframe (not the flash video) as this is what you want to update. You want the flash to be on the actual parent page so it always remains the same. (or put both in seperate iframes and only update the content iframe).
In regards to your question about the iframes background you can make it transparent so that the background is still visible through it.
To do this set the ALLOWTRANSPARENCY property to true on your iframe e.g.
<iframe width="100%" height="500px" name="content" src="home.html" frameborder=0 allowtransparency="true"></iframe>
And then in the pages which are going to be contained in the iframe set the body's background to be transparent:
<body style="background-color:transparent">
Iframes are bad, and take with them all the shitty stuff about frames (google "why frames are bad" if you want some reading).
What you should be looking at is some AJAX-techniques. JavaScript frameworks like Dojo and jQuery have lots of functionality you could check out. This will enable users to do things like vote, add to favourites or comment while the movie is playing - pretty much like Youtube.
It all depends a little on what you've got running underneath your HTML-pages though. Could you provide some more information about that?