Enfold Video Element Suggestions

Hey Rob,

Thanks for reaching out to us and sorry for the late reply.

In this case, I would have recommended the route you already took on your testimonials page. I am not sure if that is even possible for YouTube and Vimeo videos but I will forward your request to our devs. I also have to mention that this is the first time we have received this request so I am afraid it would have a lower priority.

I will add the link of this thread as reference and we will update you regarding your request here :)

Best regards,
Yigit

Hey!

Thank you for the info.

For the meantime, you can try this script in the functions.php file to unmute a playing video on user interaction and restart it. It might require a bit of adjustments such as checking if the clicked element is the actual play button and not the video controls but it should work just fine. Please note that the script will set the volume of the video to 0.5 but it can be adjusted directly in the script.

function ava_custom_script_mod(){
  ?>
  <script>
        (function($) {
			// unmute videos on user interaction
			$(document).ready(function() {
				var video = $(".avia-video");

				video.on("click", function() {
					var vid = $(this).find(".mejs-mediaelement").find("video").get(0);

					vid.pause();
					vid.currentTime = 0;
					vid.muted = false;
					vid.volume = 0.5

					setTimeout(function() {
						vid.play();
					}, 200); 
				});
			});
		})(jQuery);
  </script>
  <?php
}
add_action('wp_footer', 'ava_custom_script_mod');

You can adjust this line to increase or decrease the volume.

vid.volume = 0.5

All you need to do now is insert a play button above the muted video and remove the button on restart or on user interaction.

Regards,
Ismael

Hi,

Looks like you are using Vimeo. Please note that the script above will only work on a self hosted mp4 video or an html5 video element. For vimeo, you will have to use this SDK.

// https://developer.vimeo.com/player/sdk/reference#about-player-methods

Best regards,
Ismael