Black shape over Flowplayer video on iPhone? - html

Has anyone figured out how to get rid of these black areas that cover the new Flowplayer when viewed on an Iphone? These F-bags at Flowplayer have the balls to say it works everywhere, yet in their own demo you can see the problem.
You can see the bg image shows a little sliver on the bottom, but 98% of the screen is covered in black.
I see some solutions online so far but nothing works.
View on Iphone and you'll see the issue: http://flowplayer.org/demos/
Thank you in advance for an answers, ideas or directions.

Related

Thin white border on iPhone

I'm having an issue with a thin white border displaying at the bottom of my site just after the footer on iPhone only.
I'm using an iPhone 5 with iOS8 and I've also tested on a 4S with iOS7 and had the same issue. I've tested various Android Devices, and they are all fine.
I can't find anything in my CSS that would be causing this issue. I've tried the negative margin method but that did not work. If anyone else has run into this problem, I could really use some insight on what could be causing it. Thanks in advance for the help!
Here's the link
It might be hard to see it on a white background, but here is a screenshot.

Transparent PNG div not showing on iOS

Real simple, but I don't know what's going on...
I have a kenburns-ish slideshow in the background, over it I have a bgImageFramer.png transparent png to fade out the sides (which makes reading the navigation (1, 2, 3) much easier.
Page looks great in all major browsers on desktop... But neither Chrome or Safari on my iPad or iPhone will show the bgImageFramer...
Thanks for everybody's help! :)
The issue was the kenburns.js plugin and how it layered it's own z-indexes. I reset all of the z-indexes in the stack >0 and the layering is now correct.

Video is not scaling up to cover player window

I am playing around with the video.js and so far everything works as it should, with one exception. The videos won't scale up at all.
As you can see I'm getting black bars on the sides as well as on top.
Has anyone experienced something similar to this and knows how to solve it?
Thanks in advance
Issue was that the video was encoded with the bars on the side, so this is not a video.js problem.
Thanks though!

Flashing a White page

I have created a website but when i navigate form one menu to another a White flash screen is showing. I google for it but not found the solution. Please help me. Its showing in all browser specially in IE9. Please help me if there any solution for it.
It generally happens when it is loading the next page. If the loading time is more, the white page remains longer. This is a natural behavior of IE and is not-unusual in other browsers too

HTML5 Canvas compositing (source-in)

I am trying to recreate a page flipping type animation in HTML5 using canvas. The animation is based on ideas from this page. But that's not really important. The problem I am having is that using the 'source-in' composite operation is not giving me the results I expect and would like clarification as to why. I think it only works on chrome, not working on FF 3.6.
The black rectangle is supposed to act as a 'mask' for the page being turned over. All I want to see is the turning page in the areas where it overlaps the mask. The problem is the entire black rectangle is drawn, not just the area where they overlap.
I know HTML5 isn't really being used yet, I'm just experimenting for my personal site and curiosity. Any ideas would be greatly appreciated.
Canvas Compositing support was broken and might still be incomplete in some browsers.
Compare the images here
with the actual rendering in your browser to see what works in which browser right now.