Embed AUTOPLAYING Videos in ACF - Vimeo or YouTube - WordPress / Advanced Custom Fields
How to make your Vimeo videos autoplay: • AUTOPLAYING Vimeo Videos With No Controls ...
How to create a child theme: • The Fastest, Easiest Way to Create a WordP...
Everything you need is pinned 📌 to the top comment.
What I use to build amazing websites:
Elementor (the best WordPress page builder): https://be.elementor.com/visit/?bta=2...
Awesome, affordable hosting (the server your website needs to exist): https://www.hostinger.com/reialesa - use discount code 'REIALESA' to get an extra 10% off your purchase!
🗞️ Subscribe to my newsletter: https://www.reialesa.com/newsletter/
Advanced Custom Fields makes embedding videos easy. You can use the oEmbed field, add in the link to your video and you're done. Embedding videos that autoplay, however, isn't possible by default. ACF blocks iframes for security reasons. That means that the code that's necessary for videos to autoplay will get blocked and the videos won't be displayed on the live website.
Luckily, the fix is very simple. We just need to add in some code to our functions.php file to create a shortcode that allows us to output raw HTML. Then we can use the shortcode we just created to dynamically display any and all HTML code, so whatever we place into the ACF field will actually show up on our live page.
That way, it's essentially the same as just adding in an HTML widget and adding our embed code directly to it. But it's dynamic and it works with all post types.
Which is exactly what we need to get videos to autoplay. This is the perfect solution for portfolio videos, product showcases, galleries and more.
#ACF #autoplaying #video
CHAPTERS:
00:00 - Intro
00:38 - How to get your videos to autoplay
01:33 - Preparing everything in ACF
03:44 - Adding the code
04:31 - Adding in the shortcode
05:48 - The result
Get in touch:
https://www.reialesa.com/youtube/
Don’t be shy! Let me know what you’d like to see next, ask me anything related to design or just simply say hi.
Please note that some of the above are affiliate links, which means I earn a commission if you make a purchase, at no additional cost to you. Thank you very much if you decide to use them!