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.
Related
I've just created my own website with my own domain with IONOS.
On the side, I had created a webpage which was hosted using XAMP, so currently to view my webpage I have to use the URL http://localhost/project1/index.html#
However, I'd like to integrate it into my website if possible?
For example have a section on my webpage where I show a thumbnail of the webpage and when clicked it takes me to www.mywebsite.co.uk/project1
I'm not sure how to go about this though?
You can use Iframe.
See Html Standard and w3schools for more detail about it.
like:
<iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe>
The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document.
<iframe src="www.mywebsite.co.uk/project1" title="My HTML Page"></iframe>
I need to embed a vimeo playlist on an iframe. I don't want the user to be able to access other videos. the related videos showing in the end. how can be remove this?
You're going to run into cross-domain policy issues trying to edit external content from outside of an iframe. You can load the video page link (given in the iframe embed) using javascript and delete .vp-outro-wrapper and maybe .vp-cards-wrapper after it loads. I'm not 100% sure those are the right elements, but it'll be the same idea.
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
I have a webapp written in HTML5.
The Home page contains a <video> tag.
The video is correctly played when I load the page for the first time, and if I use controls (pause, play, fullscreen) too.
In order to maintain the webapp always in the fullscreen view, I used only one html page, and when a button (or an anchor) is clicked, I hide the container div (representing the content of the logical "home page"), and show the selected one, when the "home" button is played I show again the original container div.
Originally, the video continued playing when I clicked a button to pass to another virtual page, so I pause it by jquery.
The problem is: only on iPad, when I come back to the first container (that means the home page), the video is no more available, I can't see the poster and the video itself, and the div is black screen.
Some notes I hope could restrict the problem:
The video is statically loaded in a <video> tag and source
attribute.
I've tried to start with an empty src and load it by
jQuery (as explained in many tutorials and in stackoverflow too), it's the same.
The same if I try to create a playlist in
which I select different videos and load the selected one in the
<video> tag using Javascript.
I also tried to reload the page with jQuery, but doesn't work.
The constant beahviours are the following:
Every technique I tried to implement is working well on PC with
Firefox and on the Mac with Safari.
The problem on the iPad appears only when I try to come back to the initial page.
I'm not convinced the problem depends on the technique of show/hide I used, but on the iPad behaviour. I've read some other ways to maintain the webapp in fullscreen view, but apply only to <a> tags (such as this:), I need div stylized as buttons (and managed in jQuery) too.
Thanks if someone can help
I think if you use flowplayer is better it is good implementaton that it work on IPhone and Andriod, it is free.
How can I only load the HTML of a page into an <iframe>, without automatically triggering the download of all the CSS, scripts, images and videos on the page?
In short: you cannot. Much like you cannot "load an HTML page in a browser" without making the browser load all the linked resources (images, stylesheets). It's up to the browser how it implements its iframes, but most browsers treat them like embedded separate websites that are treated just like ordinary websites in terms of loading linked resources.
What is it you are actually trying to do?