Is there a way to configure shadowBox to open up videos in fullscreen directly? I want this when you surf on the site with a mobile device instead of a popup.
If you are embeding flash based video players then answer is no.
Since there are security restrictions by which you can not call video full screen mode from javascript or from any other place that is outside of flash environment.
But you can make some pseudo full screen by placing your video player in some DIV that has width and height 100% and make some GUI elements and javascript logic to close that DIV on some event like onclick.
In case your video is HTML based, video tag you can call full screen mode from javascript.
More on calling full screen on video tag from javascript can be found here: https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode?redirectlocale=en-US&redirectslug=DOM%2FUsing_full-screen_mode
Related
I've seen some website have a video in multiple video streaming websites like Fembed or vidcast and some of the time the links are broken for whatever reason but I've seen a website that actually detects if the video source is broken and changed to a new one I wonder how can I detect broken link in Iframe?
I have a script where I can toggle a fixed DIV in FullScreen mode. This div can also contains an HTML5 video which allows fullscreen (a video in a lightbox for example). However, in webkit browsers it creates a big conflict if the div goes in fullscreen and the div is also in fullscreen.
When the fullscreen mode is exited from the video player and the div, the layout is completely destroy because webkit browser still think that we are in FullScreen mode... In fact when everything is not in FullScreen, the user user agent stylesheet for the HTML5 video (:-webkit-full-screen-ancestor:not(iframe)) is still present and even with !important rules it doesn't change anything.
Does anyone have a solution about this issue? Is there some workarounds or maybe a way to turn off fullscreen from the DIV before the video goes in fullscreen...
Here a small example (the video styles are not preserved when turn off fullscreen): https://fiddle.jshell.net/VbfPC/4/
It's working fine in IE, FireFox but not in Google Chrome and Safari.
I'd like to create a little chrome extension which plays subtitles over full-screened videos.
However, I'm not sure how to have chrome developer tools open while a flash video is fullscreened (so that I can see what's happening in the DOM), or even whether flash full screen somehow bypasses the DOM entirely.
Answers to either question (as to using developer tools, or how fullscreen interacts with the DOM) will be greatly appreciated.
Flash Player's native fullscreen happens separate from the DOM. Flash Player actually creates a new application window that is the size of your monitor. As for getting developer tools open during this, a second monitor may help, but the fullscreen Flash Player window might close itself if it is not the active Window.
It is conceivable that the Flash Player is being fullscreened by a fullscreen DOM element, but this is unlikely. If it says "Press esc to exit full screen" then it is fullscreened through Flash PLayer's native fullscreen.
Unfortunately, unless the SWF is being fullscreened with a fullscreen DOM element, I can't think of a way to add subtitles over the fullscreen player, using the DOM.
I need a link to invoke a flash movie (with javascript) that takes the view to full screen, and show the page content. Exactly as if the user has pressed F11. Is there such flash movie?
Edit
This is different from what the flash player does on Youtube and other video sites in that the flash movie has no content to show and after the page goes fullscreen I want the normal page content to be displayed. The only role of the flash object would be invoking the fullscreen mode.
JavaScript (and therefore Flash) does not have access to activating full-screen mode (and thank god it doesn't!).
The best you can do is measure the user's screen size and open a new window that emulates this layout.
See: How to make the window full screen with Javascript (stretching all over the screen)
No. Flash full screen mode (which can only be triggered with a click) is independent from browser full screen mode (which not all browsers have anyway).
I have two vimeo ebmed videos on my page. both are set to autoplay, and are inside a hidden div.
In windows, on all browsers - no problem.
In mac - the two videos start to play automatically as I enter the page...
I'm using fancybox also
Maybe the video at the mac uses HTML5 video and on Windows it uses Flash? A difference between the two is that HMTL5 video/audio will autostart even if the element is hidden.