Home › Forums › SEA WordPress Theme › Self hosted video SEA portfolio side gallery
- This topic has 9 replies, 2 voices, and was last updated 5 years, 1 month ago by
SeaTheme.
-
AuthorPosts
-
April 12, 2021 at 9:59 pm #24282
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
April 13, 2021 at 1:25 am #24283Hi,
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
April 13, 2021 at 9:32 am #24291Hello, 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
April 13, 2021 at 9:52 am #24292The 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
April 14, 2021 at 5:41 am #24298HI,
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!
April 14, 2021 at 7:35 am #24301Hello!
The additional CSS works fine, but the poster image still not working.Any idea for a solution?
Thanks for your kind help!
April 14, 2021 at 8:19 am #24306April 14, 2021 at 8:21 am #24307Hi,
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
April 14, 2021 at 8:34 am #24310Please follow the guide to add poster for this page https://lagoon.agency/portfolio/finextra/
I will check it.
April 14, 2021 at 8:45 am #24311Hi,
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/
-
AuthorPosts
- You must be logged in to reply to this topic.
