An issue about the video sharpness/quality in custom html under custom content

JackyD
Visitor
3 0 0

Hi all,

 

I uploaded a video onto Shopify and it looks perfectly fine under the files. However, the video becomes super sharp like it does not look clean anymore after I copied and pasted the video link to my custom html code (under custom content).  Any ideas or solutions will be much appreciated! 


Here is the code: 

<style>
video {
display: block;
margin: 0 auto;
width: 70%;
height: 50%;
filter: unsharpy(50px);
border-radius: 15px;
}

/* Tablet styles */
@media (max-width: 1500px) {
video {
width: 90%;
height: 55%;
}
}

/* Mobile styles */
@media (max-width: 1050px) {
video {
width: 90%;
height: 60%;
}
}

</style>
<video autoplay loop playsinline muted>
<source src="my video.mp4">
</video>

Reply 1 (1)

catherinecarol
Visitor
2 0 0

An issue regarding the video sharpness/quality in custom HTML under custom content has been identified. t mobile internet business This could be due to various factors such as video encoding settings, resolution, or playback settings. Troubleshooting and adjusting these parameters may help improve the sharpness and quality of the video in custom HTML content.