Fullscreen Autoplay Video with sound

guguk

Well-known member
Jul 19, 2019
1,150
828
113
Ottoman Empire
Hello guys,
One of my clients request a page with fullscreen video (no matter youtube or direct mp4 link).
I tried youtube video link and the video started to play automatically but without sound (Google was declared that for user experience i know)
And after that i just embed direct mp4 link and works without problem on desktop (firefox and chrome) but when i tried on mobile (android chrome/chromium) the video not started to play.

Someone can help me with to do that?
Thnx
 

MrSam_1

Well-known member
Administrative
Trusted Seller
Dec 1, 2018
24,136
27,396
120
Hello guys,
One of my clients request a page with fullscreen video (no matter youtube or direct mp4 link).
I tried youtube video link and the video started to play automatically but without sound (Google was declared that for user experience i know)
And after that i just embed direct mp4 link and works without problem on desktop (firefox and chrome) but when i tried on mobile (android chrome/chromium) the video not started to play.

Someone can help me with to do that?
Thnx
Tried JW player? .... And There are some codes on codepen.io for that thing as I too dealt with the same problem like 2-3 years ago...
 

guguk

Well-known member
Jul 19, 2019
1,150
828
113
Ottoman Empire
Tried JW player? .... And There are some codes on codepen.io for that thing as I too dealt with the same problem like 2-3 years ago...
hmm i did not try even i have not used JW player before. Could you please explain how to use it? or is there any plugin for that?
 

MrSam_1

Well-known member
Administrative
Trusted Seller
Dec 1, 2018
24,136
27,396
120
hmm i did not try even i have not used JW player before. Could you please explain how to use it? or is there any plugin for that?
Yupp jw player is Plugin .... You can Also try Player js, that is just a javascript player...
 

ngepetlo

Member
Nov 26, 2020
36
15
8
Hello guys,
One of my clients request a page with fullscreen video (no matter youtube or direct mp4 link).
I tried youtube video link and the video started to play automatically but without sound (Google was declared that for user experience i know)
And after that i just embed direct mp4 link and works without problem on desktop (firefox and chrome) but when i tried on mobile (android chrome/chromium) the video not started to play.

Someone can help me with to do that?
Thnx
try plyr.io, videojs, jwplayer
 

MrSam_1

Well-known member
Administrative
Trusted Seller
Dec 1, 2018
24,136
27,396
120
Tho autoplay feature can be active while browsing with chrome on mobile there are some limitations
Code:
Video limitations
There are some key restrictions to this feature, however, especially on mobile devices:

Many browsers, particularly the most recent versions, automatically block videos from automatically playing, particularly ones with audio.
Most mobile devices, including Apple iPhones, Apple iPads and many Android and Microsoft devices do not support the video autoplay feature so your video will not play automatically if a visitor is on one of these devices.
Some desktop or laptop browsers also automatically block videos from automatically playing or may automatically mute the audio.
In some cases, even when the device and browser are compatible with autoplay, the video may not start playing immediately. Typically this is because the rest of the page assets are loading or the video file is still loading or buffering. In most cases, once enough of the page content or video clip has loaded to ensure smoother viewing, the video should begin playing.
In most cases, devices or browsers that do not support autoplay do not, by extension, support looping video.
In Out of the Sandbox themes, there is no way to have a video with audio begin playing with the audio muted. If you do not want to have audio "startle" users, you will need to remove all audio from your video or customize the code.
Also, most mobile devices do not support videos playing behind other elements in Out of the Sandbox themes, so when the user taps the play button, the video will "take over" the entire screen.

Code:
The finer points
From an accessibility viewpoint, autoplay can be particularly problematic. Chrome 53 and above on Android provide a setting to disable autoplay completely: from Media settings, select Autoplay.
This change does not affect the audio element: autoplay is still disabled on Chrome on Android, because muted autoplay doesn't make much sense for audio.
There is no autoplay if Data Saver mode is enabled. If Data Saver mode is enabled, autoplay is disabled in Media settings.
Muted autoplay will work for any visible video element in any visible document, iframe or otherwise.
Remember that to take advantage of the new behavior, you'll need to add muted as well as autoplay: compare simpl.info/video with simpl.info/video/muted.
 
  • Like
Reactions: guguk

guguk

Well-known member
Jul 19, 2019
1,150
828
113
Ottoman Empire
Thank you for information @slvrsteele i already tested with youtube and directly mp4 link and some browsers support auto play with sound but when i try on mobile (android - chromium) it does not play.
I guess there have not "permanent solution" for that but i just thought that if i placed that video without autoplay but if i insert to header or footer a javascript code which can be clicked to play button like visitor (if could be i donno)
 

anthov

Active member
Apr 25, 2020
131
25
28
Thank you for information @slvrsteele i already tested with youtube and directly mp4 link and some browsers support auto play with sound but when i try on mobile (android - chromium) it does not play.
I guess there have not "permanent solution" for that but i just thought that if i placed that video without autoplay but if i insert to header or footer a javascript code which can be clicked to play button like visitor (if could be i donno)
Dont use Autoplay, its not Seo friendly
 

MrSam_1

Well-known member
Administrative
Trusted Seller
Dec 1, 2018
24,136
27,396
120
Dont use Autoplay, its not Seo friendly
Not everything is about SEO.. sometimes it's about Fulfilling the Client's need...
And its a Saying - THE CLIENT'S ALWAYS RIGHT 😂
 

anthov

Active member
Apr 25, 2020
131
25
28
I dont argue and raise this post anymore but I have been working at least 10 years on SEO but i haven't hear nonsense idea.
Better you make 11 years........ Test Web Vitals of your page with & without autoplay
 

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu