Я видео вставляю на сайт с ютуба, а как сделать подложку задний фон типа в телевизоре показывается видео, некая рамка для видео.
Вот сайт
https://vdommed.com/o-pchelah/bolezni-i-lechenie/b...
В низу есть видео.
Я пытался background-image и border-image.
Вот этот вариант меня устраивает
htmlbook.ru/html/img/border
Но есть один косяк, рамка отображается с низу видео или картинки, а нужно чтобы она была как бы с верху, рамку пнг беру.
Вот пример кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>border-image</title>
<style>
div {
position: relative;
z-index: 2;
width: 800px;
height: 380px;
border: 0px solid #40c4c8;
padding: 0px;
background-image: url(https://media.lpgenerator.ru/images/140757/iphone.png);
background-size: 800px;
}
img{
position: relative;
z-index: 13;
margin: 10px;
width: 600px;
height: 330px;
}
</style>
</head>
<body>
<div>
<img src="http://axmara.narod.ru/1_foto/primer-oboev.jpg">
</div>
</body>
</html>
Простой
