How is this site using a hi-res video as a background? - css

http://freelance.tv/
Seems like this video is too high-resolution to be downloaded that quickly — what is the trick being used here?

The video does not seem to be higher than 720p, once I opened the page the video stopped a few times to buffer but with high-speed internet, it will load fairly quickly.

Related

Video have sound but no image in Chrome, Edge & Firefox

I am working on a WordPress website and facing a major issues with some of my self hosted videos. I am uploading videos to wordpress media Library and playing them using Easy video player in my posts. There are some video with only audio. I tried those in different browsers and they work fine in UC Mini on Android. Chrome, Edge & Firefox are just playing the audio on both PC & mobile versions.
Please help me get rid of this issue.
Shall be thankful
you can check sample here
your video is encoded as MPEG4 - part 2. this is a really old format. I'd recommend re-encoding the video as mp4 using the h264 codec.
At an hour long - you might also want to consider adaptive bitrate streaming - to allow for different screen sizes and varying network conditions.

Wordpress/Elementor Website Blazing Fast on Chrome but Laggy on Safari on Mac

I just set up my page using WordPress and Elementor and the page is very fast using Chrome. When using Safari on Mac, however, the page becomes super laggy and the CPU ramps up. I already tried using Autoptimize, W3, and Jetpack, to now avail.
Google PageSpeed says the issues lies in Javascript, however, I do not know how to optimize that. I tried using Asset CleanUp, but I already disabled all the non crucial plugins and animations.
Thanks!
The URL is: melius.live
At the bottom of your site you have three videos. Remove them and try to lazy load the iframes.
Check everything at W3 Total Cache > "User Experience".
You also can look in the Safari Inspector at Network > Waterfall to see which parts take a long time. Maybe your Mac Machine is just weak.
Try using a different video plugin. More or less problem is with the Videos as it is generating code that is being blocked by the browsers.

Shrinking MP4 for Wordpress

I am trying to compress a video for wordpress, as each time I open up my webpage the video barely loads and then freezes. How should I go about compressing the video (I have already zipped it and used a program, but at 324kb it still seems too large). I have heard something about changing the bitrate, is this helpful/how can I do that? I would like to keep it in an mp4 if possible.
The only way to change the bit-rate of a video file is to re-encode it. There are plenty of software that are capable of doing so, my favorite being avidemux which is free and reliable.
Open your file in the app, choose an encoding & a bit-rate, hit "save video" and you're good to go.
You might have to try a few different bit-rates until you get a file that will both load fast and look good on you website.
Be sure to always use the highest-quality source file available for the re-encoding operation, since re-encoding your video will always result in a decrease of your video's quality.

Play video from an intermediate point

I am in the middle of an application that has a module to play videos from a directory on the same web-server. Everything is fine, except for the point that, while video is streaming, if I try to drag the player tip to an intermediate point, it either drags back to where it was(in flex player) or keeps loading un-till the video actually approaches that point(in case of jw-player or html5 player) or does nothing(in some other online players available). My client wants to be able to play or start buffering from any desirable point. I read something about RTMP to be used for such thing, but wasnt able to find a direct guide over how to do it.
Help appreciated!
If you're talking about being able to load a video file from x seconds in to the video, you should look into http pseudo-streaming. Here's a link to the jwplayer page about it: jwplayer pseudo-streaming

How does YouTube prevent video content from being saved/redistributed?

Sure, you can embed a YouTube video on any site, but the content ultimately must come from their server. What technology(ies) do they have that prevents us from saving/redistributing content?
From a protocol standpoint, you would think that anything that comes over the wire could be saved. I hope I am not the only guy on Earth who does not know how to "save" a YouTube video...
There are a couple of plugins for Firefox out there that let you save the content. Basically it parses the sourcecode and looks for the videofile (either .flv or .mp4) and downloads that directly. The flash player on the page just plays the supplied file. They could of course obfuscate the path to the video file, but that can be reverse engineered as well. They can't really do anything about it, because the video file has to be on the user's computer at some point, or if not, the stream could be intercepted as well.
eg. https://addons.mozilla.org/de/firefox/addon/6584/?src=api
Mostly it's a legal deterrent rather than technical. There are a plethora of programs out there that will allow you to download their video. But there are two things they do that help reduce unauthorized downloads:
Use is flash to control the download and playback.
Hosting video yourself is not cheap, and thus it's much easier to simply leave the video on youtube.
They don't do anything about it. Very likely your Flash viewer downloads a copy and puts in somewhere on your harddrive (under my Linux system with Firefox and Adobe Flash in /tmp). After you are done viewing the file is removed to save disk space, but since it is on your harddrive nothing prevents you from making a copy elsewhere.
You might want to look at the 'analogue hole', in the end, data still has to be displayed on your screen, or get through your speakers and what not. It's always theoretically possible to intercept it at that point, or even just record your audio-out into another machine.
So as far as the analogue hole goes, the only solution is to skip that, in this form:
(source: thisdomainisirrelevant.net)
Which is not that marketable.

Resources