-
Posts
-
Hello – Trying to figure this video embed issue. I’m using a self-hosted mp4 video https://premieresportspicks.com/wp-content/uploads/2018/06/edit4_1.mp4
What I need:
Video to autoplay with sound, minimal no/controls on mobile and desktop
Show my thumbnail (play button)
Be responsive on mobile and desktopSetup the tests on this page:
“”https://premieresportspicks.com/video3/””avia video embed on mobile screenshot No
https://www.dropbox.com/s/3k52v9jq5dffdtg/photo_2018-06-22_00-27-47.jpg?dl=0Avia method from enfold forum, problem is it doesn’t show thumbnail on mobile, see screen shot.
<div class=”avia-video avia-video-16-9 “>
<div class=”avia-iframe-wrap”><iframe src=”https://premieresportspicks.com/wp-content/uploads/2018/06/edit4_1.mp4?feature=oembed&wmode=opaque&autoplay=1″ width=”1500″ height=”844″ frameborder=”0″ allowfullscreen=”allowfullscreen” poster=”https://premieresportspicks.com/wp-content/uploads/2018/06/thumbnail_button.jpg” ></iframe></div>
</div>//rev slider no audio on mobile, autoplays fine, looks good, no audio. totally fine on desktop
[rev_slider alias=”vsl”]//standard wp embed is fine on mobile/desktop, but doesn’t take responsive instructions from css so it overlaps
[video src="https://premieresportspicks.com/wp-content/uploads/2018/06/edit4_1.mp4" poster="https://premieresportspicks.com/wp-content/uploads/2018/06/thumbnail_button.jpg" preload="auto" width="480" autoplay="on"]Currently have all three embeds here, lower your speakers lol
Hi,
Thank you for using Enfold.
You can’t have a video with sound and have it autoplay at the same time due to the browsers’ autoplay policy (see link). And theme’s video background option doesn’t support the “poster” parameter. On mobile, you have to add a fallback image and a fallback link because background videos are disabled on smaller screens by default.
// https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Best regards,
IsmaelHi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.Thank you for using Enfold :)
Best regards,
Basilis
- The topic ‘Video Embed Autoplay/Mobile issues’ is closed to new replies.