THT DUYURU

chat
ugursuz reklam
takipci
Seçenekler

[HTML] Sitenizde Arka Planda Background Video Oynatma

LockedWorld - ait Kullanıcı Resmi (Avatar)
Katılımcı Üye
Üyelik tarihi:
01/2018
Nereden:
Azerbaycan
Mesajlar:
627
Konular:
138
Teşekkür (Etti):
465
Teşekkür (Aldı):
190
Ticaret:
(0) %
0
2899
27-02-2018 07:17
#1


HTML KOD:
Kod:
<!DOCTYPE html>
<html lang="en">

<head>
  <**** charset="UTF-8">
  <title>Arka Planda Video FullScreen</title>
  <link rel="stylesheet" href="cssisminiz.css">
</head,

<body>
		<div class="ust-container">
			<div class="video-container">

			<video autoplay loop class="video">
				<source src="MP4 Video Linkiniz" type="video/mp4">
			</video>	
				<div class="lj-overlay lj-overlay-color lj-overlay-image"></div>
			</div>
		</div>
</body>
</html>
CSS KOD:

Kod:
html,
body {
  height: 100%;
  margin: auto;
}

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

ust {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler