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.
Related
I'm working on a couple of ionic apps that are communicating with each other. In order to demo them I run them side by side on a webpage embedded in iframes.
When displaying that webpage in Chrome it works just fine. However when showing it in IE on a touchscreen I can't scroll vertically inside those iframes. I debugged it a little bit and it seems that touch events that have vertical movements just don't get passed into the ionic app, whereas horizontal swipes and taps get passed down just fine. It seems like the vertical scrolling of the entire webpage absorbs those events without passing them down.
Has anyone encountered an issue like this before and can tell me if there is a way to fix this?
Thanks #Captn_Hammer for pointing me in the right direction. The fix is similar on IE. All I had to do was add this to the body of the webpage:
style="-ms-touch-action: none;"
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
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!
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.
I am currently developing a PHP website that has a lot of Flash components. On each page there are one or more custom Flash components embedded with swfObject, as well as sIFR navigation.
Every so often, ALL of the Flash objects on the page become unresponsive to the mouse (no hand pointer). So far I have found it happening only in Firefox 3.5.3 on Mac. I am using CSS to position everything with a specific stacking order to get around the bounding-box overlap issue - for example, the main navigation overlaps the top right corner of a big Flash component.
It works fine most of the time, however, if I click through the pages enough times in Firefox 3 on Mac, eventually I cannot "roll over" any of the Flash elements.
Does anyone know why all the Flash objects in a PHP page would stop responding to the mouse, sIFR included?
Here is the site if you want to give it a try.
This is usually a combination of putting wmode (transparent or opaque) on the Flash movie, which itself is contained in a floated element. Unfortunately it's a browser bug, but removing the wmode property should fix it.