play fullscreen video on button click - javascript

I was browsing on squarespace's website and saw that they have a button in the bottom right that plays a fullscreen video after it's clicked. When I used bigvideo.js, the video was blurry, but the one Squarespace uses isn't blurry and it also has it's own player. Does someone know how I could achieve this? I'm mainly wondering about how to make my own player and play a video without linking to another html page.
EDIT: It seems they've put videos as the backgrounds. How could they do that?
LINK: http://www.squarespace.com/
Screenshot: http://postimg.org/image/ilptcpvcx/

HTML 5 player has full screen built in.
Alternatively you could look at flowplayer or sublime video.
As for the blurry video are you sure its not just your video quality?

Related

Make YouTube video quality as low as possible when out of view range

Question
So I want to have embedded YouTube videos. But when you scroll down it's just gonna use the sound and put fixed controls on the bottom of the page.
When you don't see the video anymore but just use it as sound, the quality of the video doesn't matter, so to not drain someone's internet, can I change the YouTube video's quality to the lowest possible (144p) with YouTube ? It should still be possible to change the YouTube video to its old quality when you scroll back up.
Not part of the question, but if you know this you can help me out :)
In this post I saw its not allowed to
just have the controls of the Youtube video to use it for audio. But
if I do it this way where I still use the video but when off the screen just
use the sound. Is this allowed?

Stop Audio in Wordpress

I am using the background video option in Divi (by elegant themes) in Wordpress to show a 4 minute or so long video in the background. The thing is, I don't want the audio. I understand if you scroll down far enough the entire thing stops, but I just don't need or want the audio. Is there any custom code that I can use (or a plugin) to get the audio to stop playing ON THE VIDEO BACKGROUND, or will I have to convert it to a gif? Thanks.

How to move video to the other position on the site and keep it playing? (example given)

Please see this site: (works for sure in Firefox): http://www.cnn.com/2016/02/01/politics/iowa-caucuses-2016-highlights/index.html
There's a video and after you scroll the page down it gets smaller and goes to the right sidebar and keeps playing from the exact minute it was playing before.
I see that this video is not an iframe. I need to do such thing for Vimeo's iframe video. How can this be achieved?
I'm trying to take a HTML for the video and then append it but it doesn't work properly.

how to show preview on hover of video

I am loading multiple video in a web page using AngularJs using Videogular, an HTML5 video player for AngularJS.
I need to show the preview of a video on hover, something like like moving images I have seen in many website. I can't play orignal video because it will take lots of time to load since there are more than 500 video per page.

How to show full-screen button on embedded Vimeo player on mobile browser?

Even on the vimeo website, it doesn't show full-screen button with iPhone 4 simulation on Chrome.
It seems like if the screen is small, Vimeo player becomes "Tiny mode" and hides most of components except few.
Is there any way to force the player to display full-screen button? like full-screen-button: true?
It's not possible, but also not necessary since playback always happens in full screen.

Categories