video margins

2 replies · opened Oct 19, 2018

Rroii82Oct 19, 2018

When window is resized, and sometimes even upon landing, either some slides or all slides have a margin on sides & bottom.

SSemicolon WebSTAFFOct 21, 2018

Hello,

We have checked out your Website but we could not find any issues with Video Resizing or Borders. However, there are many HTML Validation Errors on your Page: {url sent on Email} . Please consider fixing them to avoid any unexpected issues.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSemicolon WebSTAFFOct 21, 2018

Hello,

While we are checking the issues with the JS Resizing Functionality of the HTML5 Videos, you can consider using the CSS Solution which is error-free.

  1. Find and Comment-Out/Delete the following line of code in the js/functions.js File:
SEMICOLON.widget.html5Video();
  1. Find the following code in the style.css File:
.video-wrap video {
	position: relative;
	z-index: 1;
	width: 100%;
}

and replace it with:

.video-wrap video {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard