Home › Forums › ART HTML5 Template › How to Add a Vimeo Video to project gallery on right?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 23, 2023 at 1:55 pm #29705
    mas00
    Blocked
    Purchased
    Expired

    How do I add a vimeo video to this gallery column? I would like to replace a 1260×640 image with a vimeo video but also be able to move/scroll to an image after. Is this possible? So basically move from a vimeo video to an image back and forth like a gallery.

    This is the code for 1 image. 

    <div class="single-col2-gallery-wrap blog-unit-gallery-wrap  col-sm-12 col-md-7">
<div class="single-gallery-wrap-inn" data-style="filled">
<div class="list-layout lightbox-photoswipe" data-gap="0">
<div class="list-layout-col list-layout-col1 clearfix">
<div class="list-layout-col1-item list-layout-item">
<div class="list-layout-inside">
<div class="single-image mouse-over" data-lightbox="true">
<a title="Image caption text here" href="https://via.placeholder.com/1260x640/4f4461/ffffff.jpg">
<span class="ux-lazyload-wrap" style=" padding-top: 67.317073170732%;">
<img alt="raw-001" src="img/blank.gif" width="1260" height="640" />
</span>  
</a>
</div><!--End single-image-->
</div><!--End list-layout-inside-->
</div><!--End list-layout-item-->
</div><!--End list-layout-col-->

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    June 26, 2023 at 9:24 pm #29711
    mas00
    Blocked
    Purchased
    Expired

    ?

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    June 27, 2023 at 1:14 am #29712
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi there,
    Welcome to SeaTheme forum.

    Sorry for the late response.
    There is no the feature in the template. It isn’t possible via simple codes.

    Regards!
    SeaTheme – FAQs – WordPress Customization – Facebook

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    June 27, 2023 at 12:43 pm #29715
    mas00
    Blocked
    Purchased
    Expired

    So you can only add Vimeo videos in other pages?? This is the main reason I purchased this template.

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    June 28, 2023 at 1:32 am #29717
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi, sorry, I might have misunderstood your question. It is possible to display a Vimeo video, but it cannot be controlled to show or hide the video by scrolling the page.

    The code to display the video is as follows:

    ...
<div class="list-layout-inside">
<div class="single-image mouse-over" data-lightbox="true">
<div class="videoWrapper video-wrap video-post-wrap viemo " style=" padding-top:62.5%;margin-bottom: 0px;"> 
 <iframe src="https://player.vimeo.com/video/339906947?title=0&byline=0&portrait=0&autoplay=0" width="100%" height="auto" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
...

    Regards!
    SeaTheme – FAQs – WordPress Customization – Facebook

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    June 28, 2023 at 9:00 pm #29718
    mas00
    Blocked
    Purchased
    Expired

    I don’t think you understood me.

    There is a file called Project Gallery on the right/left.

    The code above depicts where the images are. All I need to do is replace where I want to put an image with a vimeo video.

    So instead of say a 1260×640 image. I would like a vimeo video there.

    is this possible?

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    June 29, 2023 at 1:03 am #29719
    SeaTheme
    Keymaster
    Purchased
    Expired

    Sorry, I am still confused about your question. Could you please provide more details? It would be helpful if you could provide an example image or webpage. Thank you.

    Regards!
    SeaTheme – FAQs – WordPress Customization – Facebook

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.