Video is not scaling up to cover player window - html

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!

Related

Elements overlapping on youtube video

I am having a problem on youtube videos. Other elements(LayerSlider) is overlapping on top of it. This is the link (http://havencab.com.au/). To see the bug, click that link and try to make to video fullscreen.
I came across to the below link
YouTube Video Embedded via iframe Ignoring z-index?
but that didnt solve. Are there any other ways to fix this ?
Putting z-index: 0; on .ls-wp-fullwidth-container appears to fix the issue. I'm not certain why this is, maybe someone else could explain what is happening.
It might also be helpful to know that the you can open the inspect element mode while in full screen (in chrome at least) using Ctrl+Shift+C on windows

My AS3 Scrollpane doesnt work well in Firefox or Safari

Im making a flashbanner for a client. In this banner the viewer should be able to scroll down to see more text. This works ok in Chrome (Can I set scrollspeeds?), but it doesnt work well in firefox nor Safari.
If I scroll lightly, nothing happens, if I give the mousewheel an agressive whirl it scrolls down a liiitle bit...
I tried things like wmode window settings, and using the macmousewheel class, but to no results...
Do you guys have any idea what this could be, it's driving me CRAZY :)
Thanks in advance!!
This is a problem of ScrollPane object. And it's not the only problem of it. As far as I know, you can't avoid it continuing to use ScrollPane. I think you have to download on of custom Scrollbars/Scrollpanes, many of them are freely available.

Black shape over Flowplayer video on iPhone?

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.

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.

quicktime movie layering issues

I have a site (link below) where the clients work displays on a long horizontal page. The menu is fixed on the left hand side and the images disappear under the menu when scrolling across.
The client has now uploaded quicktime movies which do not go under the menu like the images but scroll over the menu.
http://www.calebchurchill.com/projects/horny_dog/
I have tried to sort this using z-index but am so far been unsuccessful.
Any ideas?
See here - are you facing the same problem?
The OP there finally went on to use RealPlayer instead, hope it helps you...
Try this
Quicktime video appearing over Fixed DIV
They use special quicktime params to make the Quicktime Player use the stackorder.
I havenĀ“t tested it myself because its not exactly my solution, but it might help you, if you can access the embedding code of the player.