I have added a video via the "Video/Audio tab" in the Content area and the video shows up fine.
What I need to do is to make that video fullscreen (width 100% and height 100%) so that no mater how large or small the user adjusts the browser window the video will fit fullscreen with a centered position. I would also like to stop the video at the last screen so it doesn't loop or auto rewind.
I am unable to find anything of this nature by searching your discussions but have seen this on your site https://layerslider.kreaturamedia.com the fourth screen with the people in the background.
To set up a fullsized video layer you just need to set the video player size to be the same as your slider. You can add the height="100%" and width=”100%” attributes to the embed code, and the video will follow the dimension changes of the slider. This also works if you specify dimensions in pixels.
This is in the media / content box of the slide. However, the video always shows up with black bars above / below the video, itself, in the slide. This used to happen *sometimes*, but now is happening consistently.
Is there a way to make the video show up consistently at 100% window height/width?
If I change it from video to an image, then it fills the screen without issue. Any thoughts on how to get the video to do the same?
I have added a video via the "Video/Audio tab" in the Content area and the video shows up fine.
What I need to do is to make that video fullscreen (width 100% and height 100%) so that no mater how large or small the user adjusts the browser window the video will fit fullscreen with a centered position. I would also like to stop the video at the last screen so it doesn't loop or auto rewind.
I am unable to find anything of this nature by searching your discussions but have seen this on your site https://layerslider.kreaturamedia.com the fourth screen with the people in the background.
How do I do this?
Hey scottvarga,
To set up a fullsized video layer you just need to set the video player size to be the same as your slider. You can add the height="100%" and width=”100%” attributes to the embed code, and the video will follow the dimension changes of the slider. This also works if you specify dimensions in pixels.
I am trying to do the same. I would like the video to be full screen (100% height and width of browser window). Here is my code:
<video width="100%" height="100%">
<source src="/wp-content/uploads/2016/12/homepage720p.mp4" type="video/mp4">
</video>
This is in the media / content box of the slide. However, the video always shows up with black bars above / below the video, itself, in the slide. This used to happen *sometimes*, but now is happening consistently.
Is there a way to make the video show up consistently at 100% window height/width?
If I change it from video to an image, then it fills the screen without issue. Any thoughts on how to get the video to do the same?
Thank you!
Hey infosensellc,
Please create a new ticket for this case and show us your site or a test page where we can check this.