I built a custom video player based on react-player lib but there is a problem in Safari browser that you can see on the screenshot. It does seem to enable the full-screen mode but the controls are in the wrong place and the video itself is not expanded. What could be the problem?
Try to set width and height for video tag 100%
Related
I have using angular-bootstrap-lightbox in my project . its working fine in all browser.
But issue in safari of window.
Image that display in open modal is get disappear after display.
I have attached screen shot.
Please ignore grammatically mistake.
Thanks.enter image description here
If you go to the chrome's inspector, there is a "fit" button right at the top which is very handy in responsive design. It tries to fit the viewport in chrome with any screen resolution you set.
Does firefox have a feature like this? And how can I use it?
No, we currently don't have this feature in Firefox's Responsive Design mode. It seems nice to have on a small screen or for a large device! I've filed a bug to add it.
We'll be refreshing Responsive Design later this year, so I hope we'll be able to include this feature then.
Yes, Firefox does have a responsive design mode:
Just click the responsive design mode button in Firefox F12 tools. If you don't see it, click the gear for options, then check the "Responsive Design Mode" checkbox.
Implemented videogular html player.All works well in desktop but in case of Apple IPAD the volumne control is not visible.And one major issue is on clicking full-screen of videogular player,video does not plays in videogular instead it opens up in the apple's native player(i.e., quick player).
How can I prevent video from playing in native player in IPAD and display volumne control for vidoegular.?
Is there any fixes available.
Please help!
Volume button is not shown on mobile devices because you can't change with the native API the volume, user must use hardware buttons to change the volume.
Additionally, on mobile devices you can't set HTML elements to fullscreen, only the video element. If you need Videogular controls in fullscreen mode you can try to use "vg-native-fullscreen":
<videogular vg-native-fullscreen="false">
<!-- content -->
</videogular>
However, this is an emulated fullscreen and user will see the browser navigation bar.
I have a proplem with my Menu toolbar, When I hover menu, it leaves a black background until refresh page. It is reproducible only in Chrome.
Image Error Description
I had the same issue with a flash video on my extjs 4 application.
What fixed it was setting hideMode to 'display' on the menu.
The problem is with Chrome 27.x. A workaround for that: disable Chrome's hardware acceleration when available.
Go to Chrome's settings -> Show advanced settings... -> uncheck the "Use hardware acceleration when available" and restart browser.
Worked for me...
I'm having a problem with IE7 when clicking on images that open up using the Lightbox 2 javascript image viewer. Instead of overlaying the image on the current page it opens the image into a separate page.
Not sure if this is an AJAX problem possibly ? Works fine in Firefox.
Anybody else come across this before ?
Your page is performing the fall-back behaviour you would expect in the following scenarios...
JavaScript is disabled
There is an error in the JavaScript that is creating the lightbox effect (look out for a very brief flash of the yellow error icon before the next page loads - or fire up some dev tools)
There is a JavaScript error on the page before the image is clicked, which has stopped execution of JavaScript on the page (look out for the yellow error icon in the status bar again!)
The only thing I can think of is that I have google toolbar amd McAfee security installed that may be blocking the overlay (????) but don't think that should make any difference.