Rounded corners of uploaded videos?

cgcreator · Post by **cgcreator** » Mon Jan 22, 2024 10:13 am

Everything on my homepage is rounded, so it's important that the videos are also rounded. Object Properties/Style/ Radius not work.

I try also this in Html head:
<style>
video {
margin-bottom:10px;
/* Rounded corners (Firefox 5 only) */
-moz-border-radius:14px;
-webkit-border-radius:14px;
border-radius:14px;
}
</style>
Not work
--------------------------------------------------------------------------------------------------
But works with Visual Studio Code!

<!DOCTYPE html>
<html>
<head>
<title>Multimedia CSS Styling: Video with rounded corners</title>
<style>
video {
margin-bottom:10px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}
</style>

</head>
<body>
<video controls preload="metadata">
<source src="parrots-small.mp4" type="video/mp4">

</video>
</body>
</html>

Screenshot: https://ibb.co/L1qyzdS
----------------------------------------------------------------------------------------------------
Any Tips and Tricks to make it work in wysiwygwebbuilder?
THX

Post by **Pablo** » Mon Jan 22, 2024 11:00 am

I have tried with the built-in HTML5 video object and that seems to work.

If you need help then please share a demo project.

cgcreator · Post by **cgcreator** » Mon Jan 22, 2024 11:57 am

https://3p-cgi.bplaced.net/VideoProject ... roject.rar
One project made with wysiwygwebbuilder (Video rounded corner not work) and one manual (Works)

Post by **Pablo** » Mon Jan 22, 2024 12:48 pm

The difference is that your code is not responsive. So, it only works when use like this, not with layout grids or breakpoints.

To make the radius work like in your example, add this code in the Page HTML -> Between head tags

Code: Select all

<style>
#MediaPlayer1
{
   position: absolute;
   height: auto !important;
   bottom: 0;
}
</style>

cgcreator · Post by **cgcreator** » Mon Jan 22, 2024 1:14 pm

www.wysiwygwebbuilder.com

Rounded corners of uploaded videos?

Rounded corners of uploaded videos?

Re: Rounded corners of uploaded videos?

Re: Rounded corners of uploaded videos?

Re: Rounded corners of uploaded videos?

Re: Rounded corners of uploaded videos?