Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 13, 2016 at 5:41 pm #685955
    pinkabbestia

    HI,
    in the attached page (link into the private content box) i inserted a fullscreen slideshow on the top of the page (now the slideshow has only 1 content).
    In this slide show I must show images and videos.
    Is it possibile to make always visible the “play” icon in the center of videos?
    The video controls are hidden and so could be so helpful to show in the center of the video the “play icon” or the “pause icon” if the video is in pause state. Of course if the video is playing the play/pause icons are hidden :)

    Thanks,
    Rosa

    September 13, 2016 at 8:17 pm #686006
    Basilis

    Hey pinkabbestia,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    September 14, 2016 at 12:50 pm #686322
    pinkabbestia

    I don’t agree with you.
    In enfold are already present the icons and the scripts to show and hide the play/pause icon.
    The problem is that those icons are visible only after the user’s click.
    It’s an usability problem… if there is a video is important to see play/pause icon from the beginning, user can’t understand if is an image or a videos.

    • This reply was modified 7 years, 7 months ago by pinkabbestia.
    September 14, 2016 at 3:59 pm #686443
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia_playpause_icon { display: block !important; }

    Best regards,
    Yigit

    September 14, 2016 at 5:15 pm #686509
    pinkabbestia

    Thank yoy Yigit,
    but your solution doesn’t work.
    You can see here http://www.pinkatmosphere.com/mediaset-premium-sport/
    The problem is that the play icon is visible but doesn’t work if I click on it. I must click on the video area to play and stop.
    The second problem is that sometimes the icon play doesn’t disappear while the video is playing and I must click on the video to hide the icon.

    September 20, 2016 at 2:21 am #688880
    Ismael

    Hi,

    Please add Yigit’s code then add this one in the functions.php file:

    add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function gh() {
		$('.avia_playpause_icon').click(function() {
			$('.av-click-overlay').trigger('click');
		});
	}

	gh();
})(jQuery);
</script>
<?php
}

    Best regards,
    Ismael

    September 20, 2016 at 12:04 pm #689085
    pinkabbestia

    Hi Ismael,
    I added the Yigit’s code and your code on function.php.
    The problem now is that the play icon is visible but the cursor is arrow, the video is showed on a lightbox.
    Don’t warry, I solved with another solution.
    Thanks.
    Rosa

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Full screen slider – play icon on the videos’ is closed to new replies.