Cara Membuat Video Youtube Menjadi Background Website

Oke kali ini saya akan membagikan Cara Membuat Video Youtube Menjadi Background Website
nah cara nya agar video youtube menjadi background website membutuhkan script CSS, JS.

Oke langsung saja kita ke cara nya:

  • Buka Notepad dan copy code ini
  • Copy code di bawah ini di atas <head>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

     <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
     <!-- CSS -->
    <link rel="stylesheet" href="css/normalize.css" media="all">
    <link rel="stylesheet" href="css/style.css" media="all">
    
    <!-- jQuery -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/device.min.js"></script>
    <script src="js/jquery.mb.YTPlayer.js"></script>
    <script src="js/custom.js"></script>

  • Dan terakhir copy code di bawah ini di atas <body> untuk video youtube nya
<a id="bgndVideo" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=kxu5kkeDG54',containment:'body',autoPlay:true, mute:false, startAt:0, opacity:1}"></a>

  • Dan save
jangan lupa upload  CSS dan JS nya di website anda lewat cpanel atau website biar bisa berjalan video nya download nya di sini
Jika kalian merasa malas untuk copy code di atas silakan kalian download script nya di bawah ini dan silakan kalian lihat demo nya :)


Jika tidak bisa silakan comment dan jika bermanfaat silakan share
Demo Download
whatsapp

Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Video Youtube Menjadi Background Website"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel