-
Posts
-
Hello together,
I have 3 pictures placed by the image element. Picture A, B and C. Than I have a EasySlider with 3 YouTube videos which covers the topic of each of the 3 pictures. Video-A, video-B, video-C. What I would like to have is a EasySlider rotation to a specific slide. So, if I press picture A, the easyslider should show the video-A slide and if I press on picture C, the easyslider should show the video-C slide.The reason for that is, that I can not play a youtube video in the box (like LightBox) if I link to a youtube video. I know, a link from a picture to a youtube video is possible, but that opens always the youtube page thich I don’t want to have.
Thank you in advance and best regards
KaiHey Kai,
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 :)
However you can open only the youtube video from lightbox. We are happy to help you with it if you like us to setup an example Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
VinayYes, I have seen the funny behavior of youtube videos on an EasySlider if a mobile device is used. The slider isn’t there anymore.
Please find the login data in the private data field.Hi,
Add a custom css class attribute to the pictures, use “pic1”, “pic2” and “pic3” respectively then use this script in the functions.php file.
function add_custom_script(){ ?> <script type="text/javascript"> (function($){ function a() { function a() { $('.pic1').click(function() { $('.avia-slideshow-dots a:nth-child(1)').trigger('click'); }); $('.pic2').click(function() { $('.avia-slideshow-dots a:nth-child(2)').trigger('click'); }) $('.pic3').click(function() { $('.avia-slideshow-dots a:nth-child(3)').trigger('click'); }) } a(); } a(); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');This script will trigger the click event for the slider dots.
Best regards,
IsmaelHello Ismael,
great and thank you. It works – after the update to the new Enfold release :-)
One other point: Is the EasySlider able to work on mobile devices? Because 4 of my 5 browsers does not show the slider with youtube videos insight. I’ve read older threads (2014) that Kriesi has decided to deactivate the mobile functionality there. Is it still deactivated?
Best Regards
KaiHi Kai,
Sorry for the late reply. Yes it’s still deactivated due to manufacturer restrictions, Apple for example does not allow autoplay on mobile devices.
Best regards,
RikardHello Rikard,
I understand. Is there any other way to achieve the possibility to have youtube videos available at easysliders on mobile devices? I do not need autoplay at all for example.
Or if that isn’t possible: I need the funktionality like on a normal television. I have 3 pictures placed close to each other. Each picture stands for another TV program on your remote control. Below the pictures is only one area where you can start the youtube video. Like yout TV screen. So, if you press on picture 1, youtube video 1 can be started. If you press on picture 3, youtube video 3 can be started. Again, no autoplay is needed and the easyslider is no need as well. Youtube in a textbox would be good for me.
Best Regards
KaiHi,
I am not sure if i understood you clearly however you can link your Youtube videos to buttons to play them in lightbox when clicked. If that is not what you meant, can you please post an example site or a screenshot showing the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Best regards,
YigitHello Yigit,
yes, that would be a good solution. Unfortunatly, the lightbox offers other videos (from cookies?) to play if the video is finished. I don’t want this. If I use embedded youtube code the video stops as it should, but lightbox does not seem to play embedded youtube code.
I have seen the same issue at other users here in the forum without finding a solution. It should be possible I think.Let me give you an example (both codes are placed in the box “Picture link”):
1. works with lightbox, but shows related videos after playing:
https://www.youtube.com/watch?v=qqXi8WmQ_WM?rel=0
2. does not works with lightbox (starts as “fullscreen”), stops as it should without offering related videos:
https://www.youtube.com/embed/qqXi8WmQ_WM?rel=0I would like to have the advantages of both: works with lightbox, stops as if should without offering related videos
Best Regards
KaiPS.: can Kriesi add the functionality as default, so there is no need to use this workaround:
https://kriesi.at/support/topic/disable-youtube-related-videos/#post-713269Hi!
Please remove the rel parameter from the url then add this script in the functions.php file:
function ava_custom_script_mod(){ ?> <script> (function($){ $(window).load(function(){ $('a[href*="youtube.com/watch"]').magnificPopup({ type: 'iframe', iframe: { patterns: { youtube: { index: 'youtube.com', id: 'v=', src: '//www.youtube.com/embed/%id%?rel=0&autoplay=1' } } } }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_mod');Remove browser cache or hard refresh before testing the page.
Cheers!
Ismael
- You must be logged in to reply to this topic.