RainTPL PHP Template Engine Kullanımı

Türkiye’de Bulunan Bankaların Listesi – JSON | Exel | PHP | SQL

PHP ile MySQL Veritabanı Yedeğini Alma ve Bakım Yapma

Gümüş Takı Seti

Site Arka Planın’da YouTube Videolari Oynatın

  • Ücretsiz Scriptler
  • Savaş Dersim Çelik
  • Çarşamba Mayıs 27th, 2015
  • 1.219 Görüntülenme
  • PHP, HTML, CSS
  • Responsive
  • Renkli

Merhaba arkadaşlar bu konumuzda websitenizin arkaplanında resim değilde youtubede ki herhangi bir video görüntüleme işlemi yapacağız. Yani arkaplanda resim yerine video  olacak.

Tabi bunun avantajlarıda dezavantajlarıda olacaktır. Dezavantajı  nedir diye sorcak olursanız her kullanıcı siteye girdiğinde youtubedeki o videoyu yüklemesi gerekmekte yani izlemesi gerekecek arka tarafta video açılacak mecburi olarak indirmiş ve izlemiş olacaktır.

Bunu avantaja çevirmeninde yolları var ki buda bu sistemi bir reklam modülü olarak kullanabilirsiniz ve sitenize bir gelir kaynağı olur.

Kodumuz çok basit ve kullanımı çok kolay.

Gerekli Kodumuz
<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%" 
    src="https://youtube.com/embed/qtVsVJ9V338?autoplay=1&controls=0&showinfo=0&autohide=1">
  </iframe>
</div>
  • Yukardaki kodu sitemizin <body> tagından hemen sonrasına ekliyoruz ve kayıt ediyoruz.
Videoların Sesini Otomatik Kısma Gerekli Kod
  • Aşağıdaki kodumuzu sitemizin <body> tagından hemen sonra ekliyoruz.
<script>
var tag = document.createElement('script');

        tag.src = "//www.youtube.com/iframe_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

        var player;

        function onYouTubeIframeAPIReady() {
            player = new YT.Player('ytplayer', {
                events: {
                    'onReady': onPlayerReady
                }
            });
        }

        function onPlayerReady() {
            player.playVideo();
            // Mute!
            player.mute();
        }
		</script>
<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%" id="ytplayer" type="text/html" src="https://www.youtube.com/embed/zJ7hUvU-d2Q?rel=0&enablejsapi=1&autoplay=1&controls=0&showinfo=0&loop=1&iv_load_policy=3" frameborder="0" allowfullscreen></iframe>
</div>

 

Yorumlar

Henüz hiç yorum yapılmamış.

Benzer İçerikler