Can the Chromecast browser allow the iframe Youtube player to be set into full screen mode. Want to use this for a screen saver mode. Normally player not full screen, but if no sessions are doing anything then I want to take it to full screen while the playlist is playing.
I do not want to start it up in full screen, I want to switch to full screen after 3 minutes of inactivity on the chromecast receiver.
Related
this is a new behavior that started lately (last 2 months) in IOS mobile devices only. in android devices the pause/play button overlay still exists.
The behavior:
when embedding inline youtube video with controls=0, when the video plays, the only way to stop it is by clicking the middle of the video on the pause button overlay (except using an external button and the api off course). in desktop and android this works great but in IOS the pause button overlay in the middle of the video does not exists any more. this means that in order to give the user the ability to stop the video we must put controls=1 which is less convenient.
is this intended or a bug?
also, the property fs=0 (is to allow full screen) does not work on IOS.
Thanks
I`m use background video in fullscreen on my website. When screen width is smaller than 1200px, I hide video tag using display:none and display picture. But video still continue download, spending mobile traffic. So how i can stop downloading this video on mobile devices using css.
I am trying to create website in kiosk device. It is working fine when I test it in my browsers(chrome). But when it comes, to kiosk device, the page is fully distorted. The kiosk screen resolution is 1980 x 1020. Actually my page has two columns width 50% each. And each column has some fields arranged.Can somebody please guide me as how to start with the media queries for this resolution.
If you have made the website for smaller resolutions and then you will put kiosk resolution, the images and other elements are going to be bigger (so will be distorted).
You need to implement in your website different resolutions (thinking in different devices) and in this case you need to think in the big resolution that you can put your web, ie: Full HD and then resize to smaller resolutions.
I am using youtube videos on a website here
I have set a video to autoplay on home page. And In responsive mobile version (below resolution 767px) I hide the video using css display none. But video is still playing in the backend.
I did all this because I want to change the position of video in mobile version , so I hide the right sidebar video in mobile version and display the left side video.
Now I want to stop the video in mobile version when it is hide. But the video is still playing even when it is hidden using css. I know css can not stop iframe autoplay.
Is there any method which can relate the autoplay of youtube video depending upon the resolutions of the screen. So that we can play and stop the video as per the resolutions of the screen.
Just Use Javascript to load the youtube video embed url as per the screen resolution dynamically, instead of using a static video url
This link may help to detect Screen Resolution.
If you feel the Screen Size is small , just remove youtube autoplay parameter from the url
EDIT: Check this url for Dynamic screen size handling
Screen class in actionscript provides the latest total screen bounds and available screen bound, but doesn't allow to attach listener to listen for changes on runtime.
is there any way of detecting screen resolution changes on runtime, it is required to size the application whenever screen resolution is changed. e.g. in case when machine display is connected to projector/high resolution monitor and then switched back to normal.
thanks,
There are several solutions:
If your window is maximized, you can listen to any of various RESIZE events (see you comp. events list)
You can create invisible maximized window and listen to it's resize event
You can check screen resolution on timer (e.g. every 1 second). It will not decrease the performance.