<div class="wrapper" style="width: 120%;
margin-left: -9%;">
<video autoplay muted loop id="myVideo" style="object-fit: cover; margin-top: -50px;">
<source src="https://latpay.com/wp-content/uploads/2023/08/AdobeStock_386036296_Video_HD_Preview.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</div>
The same code used for desktop, tablet devices worked fine but in mobile view only video not playing. Please help.. Thanks.
]]><center><iframe width=”900″ height=”721″ src=”https://www.youtube.com/embed/qV5dAciEE6s?autoplay=1″ title=”Princeton Classical Academy; An Education in the Good, the True and the Beautiful” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe></center>
]]>Divi Options>Integration>Add code to the < head > of your blog
but it doesn’t seem to work with the popup video section in Divi? Is there a way to autoplay (mute) the video? I know sound is a problem. I have removed the overlay from the video module in case that told it not to but no improvement:
code is:
<script>
jQuery(document).ready(function() {
if (jQuery(‘.mre-video-autoplay .et_pb_video_box’).length !== 0) {
jQuery(‘.mre-video-autoplay .et_pb_video_box’).find(‘video’).prop(‘muted’, true);
jQuery(“.mre-video-autoplay .et_pb_video_box”).find(‘video’).attr(‘playsInline’, ”);
jQuery(“.mre-video-autoplay .et_pb_video_box”).find(‘video’).attr(‘loop’, ‘loop’);
jQuery(“.mre-video-autoplay .et_pb_video_box”).each(function() {
jQuery(this).find(‘video’).get(0).play();
});
jQuery(‘.mre-video-autoplay .et_pb_video_box’).find(‘video’).removeAttr(‘controls’);
}
});
</script>
and the mre-video-autoplay css style is added in the CSS Class of the video module.
Thanks
]]>Many thanks
]]>I turn autoplay ON in the home page slider but don’t work.
Maybe there is a problem or am I doing something wrong?
Thanks!
]]>It isn’t working. Am using Chrome. Does that make a difference?
Test page is at !!Test Page!!
Cheers.
]]>This is the video that worked ass autoplay:
<iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/2oEWVsXHZVc?autoplay=1″ frameborder=”0″ allowfullscreen></iframe>
And this won;t autoplay:
<iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/WF6qM6aCKcc? autoplay=1″ frameborder=”0″ allowfullscreen></iframe>
any suggestions? thanks
]]>I’m using shadowbox js with Nextgen Gallery and NGG video extend. I would like for the video to play automatically once you click on the thumbnails but its not doing that. Autoplay is set to “true” in the shadowbox js settings.
www.lesliebasa.com/vip
Please help. Thanks!
]]>How do I autoplay a YouTube video on a page within my WordPress site?
Everything I have found on the web says to add “&autoplay=1” at the end of the YouTube url within the HTML code. However, when I do this, nothing happens.
This is what I have in the code now:
[youtube]https://www.youtube.com/watch?v=u-Y2BdfiYSY&autoplay=1[/youtube]
I added this using the standard YouTube upload capability on the WordPress toolbar and then going into the code to add the &autoplay=1. However, it’s still not autoplaying.
I have also downloaded the Pro Player plug-in. This allows me to autoplay but I don’t like that they add a large boarder with their odd orange logo in it.
I also tried using the YouTube ’embed’ code instead (and also added the &autoplay=1 to this) and still no luck. It appears as though YouTube’s embed code has been recently updated.
I’m looking for either a coding suggestion or a plugin that will allow me to easily have YouTube videos autoplay on my pages.
Thank you for any help you can lend!
]]>