In some rare cases when you add a video to your page using the “Self-hosted Video” module you may see a black line on one of the sides of the video. There are a few reasons why it may appear and a few ways of how you can fix this.
1. The black line may be part of your video file.
This is the most frequent mistake and it can be fixed by cropping and exporting your video again. Make sure to choose a different name for your video file and upload it again to your Semplice page.
2. The aspect ratio setting in the “Self-hosted Video” module was set incorrectly.
While adding your video to the page, please make sure that the aspect ratio of your video file matches the corresponding setting in the “Self-hosted Video” module. You can also try adding this code to "Customize" > "Advanced" > "Edit Custom CSS" if the previous solution did not resolve the issue:
#content-holder .mejs-container { background: transparent !important; }
3. The video file is exported with unusual dimensions.
This problem is usually seen on retina displays such as MacBooks or iPhones when the video size is not divisible by 8. To fix this issue you should export your video in one of the commonly used sizes preferably with 16:9 aspect ratio. A few examples you can use are: 960x540, 1280x720, 1366x768, 1600x900, 1920x1080. You can experiment with other sizes but as a rule of thumb, each size should be divisible by 8.