Is it possible to have flash animation work uninterrupted on my site (in some overlay at the border of the browser) while user browses my site pages?
The only way I see is to put animation onto <frame> but the geometry of such layout is very limited.
Are there any solutions here?
Framing is really your only option here. You will lose everything when the user navigates to another page.
Related
My basic problem: Having an html5 video (or else, just needs to be a video) played in a loop on an iPad Device. As soon as someone touches it, an InVision Prototype should be displayed.
In addition the loading time of the InVision Prototype should be as fast as possible (in the best case the user does not even recognize it's InVision).
What i learned so far:
InVision does not allow Videos.
Loading InVision in an iFrame and displaying the Video above it until it was clicked, does not work out, since InVision seems to forcibly forward the user within the prototype which leads to forwarding the top level navigation (so the browser displaying the html file with the video and the iFrame).
Using the sandbox attribute to prohibit forwarding works out - but results in the prototype not working anymore. (Loading won't complete).
Just forwarding the User to InVision as soon as the Video is clicked works out - but then the prototype is loaded which takes at least around 20s, crushing the users experience.
Besides the obvious of "not using InVision" any clever hacks out there?
I just recreated a prototype with roundabout 100 screens in Proto.io, having the video in front. Works like a charm.
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.
I have this little problem.
My client wanted two distinct swf on a web page: a viewer on top and a slideshow of images at bottom.
Clicking a link on the slideshow make the viewer load a movie, by means of LocalConnection api.
The slideshow has a default, so when the page is loaded a default movie start.
This works nice on all browser. The only problem I have is on firefox. When screen resolution is too low, or the monitor is too small (netbook) the slideshow remain hidden until scrolling. Therefore at page loading it doesn't start and the main viewer don't get instructed on playing the default video.
As soon as I scroll the page, and the slideshow swf display on page, it starts and everything works fine.
Do you know if there are any solution to this ?
I cannot change the design, I must have two distinct swf, they come from a library he has, and I am trying to reuse components.
thanks
Leonardo
You have to show at least 1px of the swf. AFAIK this is the only way to load swf in FF 3.6+
Is the default always the same? You could have some error handling in the slideshow that would load the default if the connection is not there or the slideshow to load is undefined. It's a guess but it might solve your first run 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.
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?