Website within a website frame? (iframe hates me) - html

Is there any way to create a frame that loads a website other than using iFrame?
Picture this: Me, having a website and wanting to frame a blog into it, although when I use iframe the website displays correctly (for most of the part) but the links within the iframe website don't work.
I've seen many fixes although none have worked for me thus far, I'd greatly appreciate as much help as I may gain. Thank you to anyone who answers correctly!

There's a frame HTML tag, but is deprecated under HTML5 and works almost the same as iframe. The only difference is that a frame divides the entire window and an iframe is an inline frame.
So, no, the only way is using iframes. You have to correct your blog to work with iframes (If you want).
If you don't own the iframed blog, then using iframes is not a good way to work because, for example, you don't know if they are going to add iframe breaker codes in the future, so the best way is to add a link to open in a new window/tab.

Related

html5 video in a webapp on iPad plays only the first time I load the page. How can I solve?

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.

load different page depending on frame suport

I have a simple frameset which works fine and when frames arnt supported it shows a link to the frame free version. What I would like is for the page to redirect to the frame free version if the browser doesn't support frames. I have googled without success and I am sure it can be done but as yet I haven't worked out. Ideas please?
You can use 'Browser Sniffing' and blacklist those without support however this is generally a bad idea.
Also you should avoid using frames are they have been dropped from HTML5 and are an accessibility nightmare
Use either CSS positioning or iframes to achieve similar results

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!

Embed a browser window within a Flash movie

My question of the day is: in the same way a UIWebView on XCode behaves, is it possible to embed a website or browser window in an Adobe Flash movie? Like an iframe, but within Flash itself.
Is this even technically possible? Do I even want to attempt this?
Thanks in advance.
The true answer is no.
But there are workarounds, one of them is the Flex Iframe mentioned above.
The workaround is based on a real iFrame rendered by JavaScript above the Flash and smart communication between Flash and that JavaScript.
The big drawback though is the wmode=opaque you have to use in order to enable anything to render above the Flash. There are accessibility issues, performance issues and even stability issues associated with the opaque mode, however sometimes you got to do what you got to do.
Check my question on this topic, especially note the Adobe Flash Player Bug and Issue link, do some investigation first to make sure it won't kill your project.
It would seem that it is possible. I have come across a few examples in the past, but never done it myself.
This link might help you with your research...
http://code.google.com/p/flex-iframe/
as might this, which has an explanation and further links...
http://www.deitte.com/archives/2008/07/dont_use_iframe.htm
I don't know how up to date this content is though.

Integrate a mp3 player into a page with no reloading issue

Is there any way to integrate an flash mp3 player into a html site where an reload wouldn't stop music playing or make it start from beginning.
I wouldn't want to use ajax for the rest of the site cause it's not SEO friendly, and also pop-ups are not a good solution cause every browser nowdays blocks them.
AJAX can be made SEO friendly as long as you create distinct urls for the pages you are pulling in. One solution I have seen to this is to use a pop up for the player, and they are easily unblocked.
without pop-ups, ajax, or a full flash site, there is no way to prevent this.
You could have a container page that plays the MP3, and contains a 100% wide, 100% high IFRAME that embeds the actual site. However, this has numerous SEO and usability implications that you can look up under the keyword of "frames."
You could use frames. Put the player in a frame of its own and only change the other(s). But I think a reload would still reload all the frames unless you loaded the page then redirected so that clicking the reload button in the browser only reloaded the redirected page.
You're going to jump through some hoops and have to do some things that are not SEO friendly to get this to work. If you get it to work at all.