Community > Answers
58 views

Vimeo content for Live Slider

Hello,

Using Live Slider with the Tahoe theme.

The docu & support info shows a <video> tag as content, but not how to use a Vimeo video.

Have been trying the standard Vimeo link, and the embed code.   But issues with the size of the video.    

What is the exact content code to specify a Vimeo video ?

Actually, wanted to show a series of videos as slides, on a specific webpage.   Currently implemented as Video/HTML layer on top of slide image.   Is there also an easier way to just display videos instead of slide images ?    The video image would show, and when visitor clicks play, that specific video will play, which automatically pauzes the slider.

Erwin

Philippe Herau Philippe Herau
asked 06/23/2019 22:19
Add Comment
Ashish Pachori
replied 06/24/2019 10:32

Please provide the URL so we may take a look.

Philippe Herau
replied 06/24/2019 13:19

Hello,

This is for the www.health-science.nl   website.

Have set up the video slider shortcode, and the Live Slider  on  www.health-science.nl/testVideoGallery.aspx  for some testing.

Pasting the Vimeo  IFRAME embed code in the source for the Video/HTML  layer works.

Actually, the plan is to have a gallery of video's, that start playing when clicking each video.  So the (sample) colored slides are not actually needed.   I could use still image of the video as slides, and provide a link to play the video, instead of using the layer.

For the Video Gallery shortcode (bottom part), need further verification.   Some resources are not where they should be in the portal/ structure.

Erwin

Philippe Herau
replied 06/24/2019 13:46

P.S.   Actually would prefer the video gallery shortcode from Tahoe.

<div class="owl-carousel manual" id="videos"><div class="item-video" data-merge="1"><a class="owl-video" href="http://vimeo.com/244479216"></a></div><div class="item-video" data-merge="1"><a class="owl-video" href="http://vimeo.com/343857434"></a></div></div> 

Most information is on the support website, but is there a full documentation on the different options that are available in the wrapper div and the item-video divs ?    

 

Philippe Herau
replied 06/24/2019 13:51

P.S. 2    Some issues with the video gallery shortcode.

The play icon did not show, but is expected in the default Tahoe directory according to CSS, and .png was located in a resources subdir.   Corrected that.

But the still image for the Vimeo (altough in the source) does not show.

However, just set up yesterday, still need to verify & complete.    Looking for documentation on the video gallery shortcode settings.

 

Gagandeep Singh
replied 06/26/2019 09:57

Hello,

Some resources are not where they should be in the portal/ structure.

I can confirm the issue and will be fixed in the next update.

Most information is on the support website, but is there a full documentation on the different options that are available in the wrapper div and the item-video divs ?   

Tahoe uses owlcarousel2 plugin. Please refer to https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html for its full documentation. Make sure to remove ID (video) from the shortcode if you want to pass options in the wrapper div. 

The play icon did not show, but is expected in the default Tahoe directory according to CSS, and .png was located in a resources subdir.   Corrected that.

But the still image for the Vimeo (altough in the source) does not show.

Can you please lazyLoad: false in below script (Green.js - Line: 3249) and see if it works.

$('#videos').owlCarousel({
        items: 1,
        merge: true,
        loop: true,
        margin: 10,
        video: true,
        lazyLoad: false,
        center: true,
        responsive: {
            480: {
                items: 2
            },
            600: {
                items: 4
            }
        }
    })

Last Activity 06/26/2019 09:57

No answers found

Add an Answer