I have an issue where I have a hidden toolbar the drops down with social buttons on it, the VK.com like button being one of them.
It refuses to show itself in FireFox. All other browsers work fine however when the bar pulls down there is nothing there in FF. Does Vkontakte have a force load / render like Facebook and Google do where you can programmatically trigger the render of the like button.
It may be because you have launched video on vkontakte with firefox zoom something other than 1:1. This may result in distorted video player pop-up window size. it is a bitch to fix, since reinstalling firefox and flash player don't do any good.
Launching vk.com videos with different zoom rates, and finally 1:1, seems to fix it.
This may be unrelated to your problem.
Related
Problem: (Sometimes) our games show up as nothing but a blank screen where the flash content is supposed to show. This leads users to believe the flash is not loading at all, and it takes seconds of hovering on top of the flash before the "Click to start Flash Plug-in" shows up.
From apple:
"The new Safari Power Saver feature recognizes the difference between what you came to see and the stuff you probably didn’t. If the content is front and center it plays as usual. But if it’s off in the margins, Safari Power Saver pauses it. You’ll see a static preview, and it won’t run until you click to play it." /http://www.apple.com/osx/advanced-technologies/
If the content is front and center it plays as usual - I'd say a game on facebook is pretty front and center but it's still hidden.
You’ll see a static preview - not for us, it's just white.
I assume there is no way to disable Power Saver for the user since that would defeat it's purpose, but is there a way to at least let Safari know what preview to show?
Does anyone know how to get clicks to register on top of an html5 video element in Safari on an iPhone?
I've tried a number of techniques mentioned here on SO:
no 'controls' attribute on the video element
absolutely position my clickable elements on top of the video
Nothing seems to work. I don't see any click events, nor do I even see touchstart. I've tried on iOS5 and iOS6.
I'd like to achieve something similar to Vimeo's mobile site. They seem to absolutely position a button on top of their html5 player, and clicking it works. I've looked at their source and I can't see anything special...yet their click handler works.
Here's a JSFiddle of a very simple example. Tapping the blue button doesn't seem to fire a click event:
http://jsfiddle.net/5kLKg/
see JSFiddle
It looks like Vimeo actually uses display: none on the video element. I'm thinking that my original question might be impossible.
I updated my fiddle to use the Vimeo solution here:
http://jsfiddle.net/5kLKg/2/
We have a embedded background movie on giardinohotelgroup.ch (if you click on a small movie, the whole movie starts)
On desktop everything works as expected (the topbar is overlapping the movie and the links are still clickable)
The problem is, the same functionality doesn't work on iPad/iPhone.
The links are clickable as long the movie didn't started. As soon the user pushs the playbutton the links are not clickable anymore.
Do someone know why? Should not be a z-index issue because the links are not behind the movie.
iOS does not allow interaction with any elements above a video when the native controls are used, which we do in the current version of our player. On the iPhone, when they hit play it will automatically go into full screen and there is no way to prevent that.
I've started working on a mobile page and I've made the css so that the page can expand or contract and look fine. When I rotate the page though, by turning my iphone sideways, instead of resizing as though there is a new screen size (wide), it's zooming in. I have an image on the page and I really don't want it to zoom in, because it pixelates the image. I would rather it resize as though it was a new page.
You can see it here:
http://scclib.com/mobile
I figured it out by adding this meta tag, I haven't tested it on android or ipads, but this at least solves my problem for iphone.
I am currently using iwebkit and phonegap together. Once everything is compiled and tested on an idevice, I can click a video link and get it to play. It play full screen but it uses the ios web video player (the one that doesn't have the "done" button" and the top and has a bar that spans the bottom of the screen. I can then press the full screen button to have it use the regular ios media player but when i click done from that, it doesn't take me back to the part of the app before the video, it just takes me to the full screen video in the web player. I hope someone can help me solve this and I hope I was able to describe my problem in a clear way. I've spent 2 hours searching and have come up with nothing.
I'm having the same problem. iOS 4.3.x introduced this problem as far as I can tell. There's a few comments about it on Apple's developer site but so far I haven't found any solution. Part of the problem seems to be Phonegap because I experience the exact same thing you describe when running the compiled app. However, if I simply browse to the same HTML pages it seems to work fine. Note - I changed from directly linking to video files to using the HTML5 tag. Using the tag works better than direct linking in Phonegap -- the videos still open in the player but when you click the Done button it returns to where it was. Keep in mind that if you do this the video will be on the inline in the page and paused but when you click the play button it opens in the player. The only problem I've found with this solution is that it won't rotate when you change from portrait to landscape when running in the phonegap app but it does rotate when browsing to the video in mobile safari. Not sure if any of that helps. I would be interested in what you've been able to work out since you posted.