Autoplay YouTube Video in WordPress (+ Advanced Settings)
HTML-код
- Опубликовано: 25 авг 2024
- Autoplaying RUclips videos is an easy way to add some spark to your website. If you hide the controls and enable a loop, you can use it to showcase products and services. And why not disable related videos from competitors, hide the RUclips logo and disable RUclips cookies? Here’s everything you need to know about RUclips autoplay in WordPress!
👉 Blog post with all snippets used in the video: divimundo.com/...
👉 The video that is embedded: • Complete DIVI Tutorial...
We're going to embed and autoplay RUclips videos in these WordPress page builders:
* Divi
* Elementor
* Gutenberg Block Editor
* Classic Editor
The first step is to create a code snippet for your autoplaying embedded video. This is not as hard as it sounds since RUclips will generate most of the code for you automatically. The procedure is the same, regardless of which pagebuilder you use.
Content mentioned in the video:
👉 Autoplay locally hosted video using Divi: • Divi Autoplay Video Lo...
👉 Autoplay policy in Chrome: developer.chro...
👉 Official RUclips documentation on embedding video: developers.goo...
👉 Embed RUclips videos without cookies (by Per Axbom): axbom.com/embe...
Any questions? Let me know in the comments!
⚡ DiviMundo.com is dedicated to spread knowledge about WordPress and the Divi theme. The vision is that everyone should be able to design beautiful websites without exhausting coding issues. Read more at divimundo.com/en/
⚡Get 10% off Divi here: divimundo.com/... (affiliate link)
#autoplay #youtube #wordpress
Reminder: Make sure to use the right module/widget/block for your page builder. I describe Divi, Elementor, Gutenberg and the Classic Editor in different chapters in this video.
Thanks sir 😊 4 reply
Thank you for the video. It's very helpful.
Everything worked for me in Seedprod, except for the modestbranding command. RUclips logo remains in the right bottom corner after the change.
Thanks for the feedback! This is a long shot, but you don’t happen to use the “color” attribute? That will disable the modest branding. From the YT dev documentation: “Note: Setting the color parameter to white will disable the modestbranding option”.
Thank you, you have help me very much.
You’re very welcome 😊
Thank you for this video!!
You’re very welcome! 😊
Hy sir I have a problem 😢 microdroid is not working pl z some solutions plz 😢
Great video, thanks. Very helpful for autoplay, loop and disabling videos from competitors... is there a way to autoplay in fullscreen??
Thank you!
Thanks Andrew! The closest I can think of is if you embed the video and set the width to 100% in the embed code. Then insert it to a WordPress row that takes up 100% of the viewport width.
@@DiviMundo fantastic, thank you!
thanks for your video , but I try to add the "?autoplay=1&mute=1" to the woocommerce product page's youtube video link , some product's video can work with autoplay and mute but some product vidoe just video just work as mute function , they can't autoplay it. do you know why ?
Hard to till without a link but here are some possible reasons:
Time limit: AutoPlay will work for half an hour on a mobile network and for 4 hours on a Wi-Fi.
Battery save mode: Autoplay is disabled in some browsers when battery save mode is enabled.
Multiple videos: Multiple videos on the same page might not automatically play.
Playlist overload: RUclips AutoPlay might fail to work if there are too many videos in a playlist.
hi there, this was an excellent tutorial! Tack så mycket - jag skirver i engelska så att alla förstår. A question, could we change the color of the red status bar in the video as well - it looks so youtube..I would prefer it in white!
Good question! It seems like the only "out of the box" color options for the RUclips player progress bar is red or white. You can change it to white by adding this string: ?color=white to the video URL, for example ruclips.net/video/EDkABFzGTGg/видео.htmlcolor=white in the snippet.
You can read more about it here: developers.google.com/youtube/player_parameters#color
I used the custom html block on wordpress but it displays as just text, like you said the code block did for you...
It sounds like there is some kind of conflict on your site. The default behavior if you paste a RUclips embed code in the html block is to display the video. See: gogutenberg.com/blocks/custom-html/
How I want to do youtube video in wordpress autoplay and sound on?
You can't, the web browser will block it.
great :)
I'm glad you liked it! 🙂
I'd like to autoplay a RUclips video that I embed in my site on intersection in the viewport. I've found lots of support for HTML video but not for RUclips specifically. Thoughts?
Good question James! There are some discussions on this subject on GitHub but it seems tricky. I'm afraid that I don't have a good answer up my sleeve.
Its possible to do autoplay when I scroll to section where is video?
You could probably achieve this using lazy load for the video but I'm afraid that I don't have a readymade solution up my sleeve.
Ok thanks! @@DiviMundo
Does it work on flatsome?
Hi Saf! The RUclips embed works independent of theme or CMS. I haven’t tried Flatsome but see if you can find a way to paste clean html code and it should work.
I found that the modest branding didn't work.
That’s strange, it still works fine on my sites. Can you share a link?
*Does this work in stock WP or does it require the Divi theme?* I sure hope it's not the latter. Do you like it when a tutorial that turns up in search has absolutely no indication whatsoever in the title or the thumbnail that it requires a paid add-on or an upgrade? Do you like realizing that you have wasted your precious time only after sitting through a preroll ad and partway into the video? No? Me neither.
Hi Arthur! This works independently of theme or CMS. You can even use it in Squarespace or a clean html file if you want. And yes, I would of course mention if it would require a paid service. Chill out please.
@@DiviMundo Just to add on to the appropriate comment by Sector. I'm not going to sit through your entire video either. I tried using and it just gave me text. Is it a paid feature or not because you barely answered it in this post either.
Tutorials like this do my nut in.
@@joetri10 No, it’s a free feature provided by the official RUclips documentation. I’m sorry that you are not happy, send me an email and you’ll get your zero dollar back, no questions asked.
@@joetri10 “I’m not going to watch it but I’m going to criticize it like I watched it.” We live in hilarious post truth times, don’t we?
@@joetri10As declared in the intro, I do show how to do it with Elementor, Gutenberg and Classic editor. What’s up with the attention span? And you should not use tags, that will actually print the code as text. Where did you get that idea? I can’t see it in my tutorial.
Please help with the following up with support Google you tube channel updated please help with support Google
You can find the RUclips support center here: support.google.com/youtube/
I'm not affiliated with Google or RUclips, I'm just a user and content creator.
Hy sir I have a problem 😢 microdroid is not working pl z some solutions plz 😢
Sorry, I’m an iOS user so I can’t help you there