Home Forums SEA WordPress Theme Self hosted video SEA portfolio side gallery

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #24282
    alvise.busetto
    Participant
    Purchased
    Supported

    Hello everybody.
    I would like to post a self-hosted video using side gallery template on SEA WordPress theme. I tried to enable the video and use an embed code from youtube but the video doesn’t work. I would like to be able to use a video uploaded directly from WordPress media gallery.

    This is an example of project page: https://lagoon.agency/portfolio/finextra/

    Any suggestion? Thanks!

    Alvise

    #24283
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    The Youtube should work, please try again, please enter the video URL like: https://www.youtube.com/watch?v=xxxx

    If you want to use the hosted video, please enter the video codes like

    <video width=100% controls autoplay muted loop>
    <source src=the-video-url type=video/mp4>
    </video>

    ps: Please do not use double quotation marks


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24291
    alvise.busetto
    Participant
    Purchased
    Supported

    Hello, thanks for the reply.
    The solution works fine but how can I set 0 image/video spacing?
    I can also see a frame/border on the video. There is the possibility to remove it?

    Here is the link: https://lagoon.agency/portfolio/finextra/

    Thanks

    Alvise

    #24292
    alvise.busetto
    Participant
    Purchased
    Supported

    The is also the possibility to put a poster image/preview or controls of the video from mobile? because under the play button is transparent.

    I have some other questions about the theme to fix some bugs. I can write here or I have to open different topics?

    Thanks for your help!

    Alvise

    #24298
    SeaTheme
    Keymaster
    Purchased
    Expired

    HI,

    1. Please paste the custom CSS code to “Appearance > Customize: Additional CSS” to remove the gap

    @media (min-width: 768px) {
      .single-gallery-wrap-inn .video-post-wrap  {  margin-bottom: 0; }
    }

    2. The video tag supports to add a poster https://www.dropbox.com/s/fs7o0asqved1837/qq20210414-134033.jpg?dl=0

    Please add a new topic(s) to add new questions, thanks!


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24301
    alvise.busetto
    Participant
    Purchased
    Supported

    Hello!
    The additional CSS works fine, but the poster image still not working.

    Any idea for a solution?

    Thanks for your kind help!

    #24306
    SeaTheme
    Keymaster
    Purchased
    Expired

    Please try to use Youtube, just enter URL into the embed input box
    like
    https://www.youtube.com/watch?v=xxxx


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24307
    alvise.busetto
    Participant
    Purchased
    Supported

    Hi,
    I need to use self hosted video and not youtube video to show some projects.
    All works fine but still remain the problem of poster image from mobile.

    Thanks,

    Alvise

    #24310
    SeaTheme
    Keymaster
    Purchased
    Expired

    Please follow the guide to add poster for this page https://lagoon.agency/portfolio/finextra/
    I will check it.


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24311
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,
    Or define by custom CSS:

    .single-col2-gallery-wrap .videoWrapper video { background-size: cover; }/*general codes*/
    .postid-479 .single-col2-gallery-wrap .videoWrapper video { background-image: url(image-url); } /*for a page with page id 479, 479 is ID of the Finextra*/
    .postid-xxx .single-col2-gallery-wrap .videoWrapper video { background-image: url(image-url); } /*for a page with page id xxx, */

    how to find post id: https://doc.seatheme.net/wordpress-faqs/custom/how-to-find-wordpress-post-page-id/


    Regards!
    SeaTheme – FAQsTwitterFacebook

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

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!