"HTML5 Video ARKA PLAN"
Bootstrap 4.1.1 Snippet by harunpehlivan

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <video autoplay="" loop="" id="bgvid" poster="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1593356444/HARUN_PEHL%C4%B0VAN_Image864_rcmtwg.jpg"> <source type="video/webm" src="https://res.cloudinary.com/tercuman-b-l-m-merkez/video/upload/v1585518717/HARUN_PEHL%C4%B0VAN_mcdifp.mp4" <img src="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1564760077/e-hp_hqhrcm.png" title="Your browser does not support the <video> tag"> </video> <div class="overlay"> <h1>HP IT GROUP (TEBIM TEBITAGEM) TTGRT</h1> <p> <a onclick="window.open('http://fm.tc/live-broadcast-fm-1372.html','POPUP','width=503,height=260,scrollbars=0,resizable=0');return false;" href="#">7/24 ONLİNE KESİNTİSİZ MÜZİK YAYINI </a></p> <p> <a onclick="window.open('http://fm.tc/live-broadcast-tv-1845.html','POPUP','width=503,height=260,scrollbars=0,resizable=0');return false;" href="#">LİVE BROADCAST TV </a></p> <p>HARUN PEHLİVAN <a target="_BLANK" href="https://harunpehlivantebimtebitagem.carrd.co/">Founder, CEO Blogger E-Cv</a></p> <p><a target="_BLANK" href="https://harunpehlivantebimtebitagem.site123.me/">HP IT GROUP</a></p> </div>
body { font-family: 'Arimo', sans-serif; } video { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover; } /*****************************/ .overlay { width: 400px; height: 400px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: rgba(0,0,0,0.3); display: block; position: absolute; top: 10%; left: 50%; } .overlay h1 { text-align: center; padding-top: 100px; color: #fff; font-family: inherit; } .overlay p{ text-align: center; width: 80%; margin: 0 auto; color: #fff; font-family: inherit; margin-bottom: 20px; } .overlay a { color: #fff; } .orange { text-decoration: none; } p a.orange { color: #f27950; }

Related: See More


Questions / Comments: