Tagged: enfold, full screen slider, video
-
AuthorPosts
-
September 13, 2016 at 5:41 pm #685955
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,
RosaSeptember 13, 2016 at 8:17 pm #686006Hey 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,
BasilisSeptember 14, 2016 at 12:50 pm #686322I 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 8 years ago by pinkabbestia.
September 14, 2016 at 3:59 pm #686443Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_playpause_icon { display: block !important; }
Best regards,
YigitSeptember 14, 2016 at 5:15 pm #686509Thank 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 #688880Hi,
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,
IsmaelSeptember 20, 2016 at 12:04 pm #689085Hi 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 -
AuthorPosts
- The topic ‘Full screen slider – play icon on the videos’ is closed to new replies.