Türkiye Drone Ligi başlıyor

Artık Youtube’un da okulu var

Youtube Videolarını Arkadaşlarınızla Birlikte Canlı İzleyin!

28. Yılını Kutlayan WWW.’nin Yaratıcısından Ciddi Uyarı!

CKPlayer v2 – HTML5 Video Player WordPress Entegrasyon

Ücretsiz Scriptler 19 Şubat 2015
6.491 Görüntülenme

Merhaba arkadaşlar emre okay tarafından geliştirilen CKPlayer html5 video player eklentisi türk yapımı olarak on numara bir başarıya imza atmıştır. Playerın özellikleri yok yok denecek kadar iyi ve CKPlayer tamam ücretsiz.

Scriptin şuanda tek özelliği youtube videolarını oynatamıyor oluşudur. Bunuda yakın zamana entegre edileecğini düşünüyorum

Script Özellikleri

  • .MP4 videoları oyanatabilme özelliği
  • Video öncesi reklam özelliği
  • Youtube tarzında video içi reklam özelliği
  • Kolay kurulum ve kullanım

CKPlayerin dokümentasyon adresinde video içi reklamlara tıklayınca herhangi bir işlem gerçekleşmiyordu. Tarafımca ( Webinyo.COM ) gerekli düzenlemeyi yaptım ve kullanıyorum.

Aşağıdaki kurulum şeklini kullanırsanız sorunsuz bir şekilde reklamlara tıklama yapabilirsiniz.

Scriptin ön izlemesine bu mevcut konudan bakabilirsiniz. CKPlayer Kullanılmıştır.

 

Scriptin Kurulumu

  • Lütfen gerekli dosyaları konun altındaki download butonunu kullanarak indirin.
  • Daha sonra RAR arsivi içerisindeki klasörü temanızın içine atın.
  • İlk olarak temamızın header.php dosyasında </head> tagından hemen önce aşağıdaki kodları ekliyoruz.
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/ckplayer/jquery.js"></script>
<link href="<?php bloginfo('template_url'); ?>/ckplayer/ckplayer.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/ckplayer/ckplayer.js"></script>
<script type="text/javascript">

	$(function(){
		
		$("#ckplayer").ckplayer({
			volume: 0.5,
			image: "<?php bloginfo('template_url'); ?>/ckplayer/ckplayer.png",
			keyboard: true,
			repeat: true,
			light: true,
			brightness: true,
			logo: {
				src: "<?php bloginfo('template_url'); ?>/ckplayer/player_logo.png",
				position: "TopRight",
				href: "http://webinyo.com",
				target: "blank",
				video: ""
			},
			
			preroll: "http://depo.emreokay.net/ckplayerv2/ads/preroll/preroll.mp4",
			overlay: {
				"overlay-1": {
					type: "img",
					code: "http://depo.emreokay.net/ckplayerv2/ads/overlay/overlay1.png",
					url: "http://webinyo.com/",
					time: 15
				},
				"overlay-2": {
					type: "img",
					code: "http://depo.emreokay.net/ckplayerv2/ads/overlay/overlay2.png",
					url: "http://webinyo.com/",
					time: 40
				},
				"overlay-3": {
					type: "img",
					code: "http://depo.emreokay.net/ckplayerv2/ads/overlay/overlay1.png",
					url: "http://webinyo.com/",
					time: 70
				},
			},
			
		});
		
	});

</script>
  •  Şimdi videomuzu göstereceğimiz single.php dosyamıza gelelim.

Aşağıdaki kod’da özel alan kullanılmıştır. Eğer ” videomp4 ” adında bir özel alan yoksa video alanı görüntülenmez. eğer varsa player görüntülenir.

<?php $videomp4 = get_post_meta($post->ID,'videomp4', true); 
 if($videomp4 != "") 
 { ?> <div class='html5_video'><video id="ckplayer" width="1140" height="480" src="<?php echo $videomp4; ?>"></video></div><?php }else{ ?> <?php } ?>
  •  Şimdi gelelim değiştirmemiz gereken kısımlara

Eğer video boyutunu değiştirmek isterseniz.

  • Yukardaki kod içerisinde bulunan 1140 ile 480 değerlerini kendinize göre düzenlemeniz yeterli.

 

Yorumlar

Yazıya 5 yorum yapılmış.

emreokay 20 Şubat 2015

Ufak bir eklemede ben yapayım. Video boyutunu değiştirmek isterseniz video etiketine width veya height değerini girmeniz yeterli:)

Savaş Dersim Çelik 20 Şubat 2015

Teşekkürler emre bey.

mert 5 Mart 2015

güzel bir eklenti youtube olsaydı tadından yenmez olurdu

Savaş Dersim Çelik 5 Mart 2015

Youtube için çalışma yapılıyor sanırım.
Eğer başarılı bir sonuç çıkarsa bu konudan haberdar olabilirsiniz.

mert 8 Mart 2015

çok gelişmiş takipteyim

İlginizi Çekebilir
Çoklu Ürün Satış Scripti

Çoklu Ürün Satış Scripti

10 Mayıs 2016
2.088 Görüntülenme
Oto Kiralama Scripti

Oto Kiralama Scripti

21 Mart 2016
1.220 Görüntülenme
Basit, Kullanışlı Domain Sorgulama Scripti

Basit, Kullanışlı Domain Sorgulama Scripti

16 Şubat 2016
897 Görüntülenme
Piramit Kurumsal Firma Scripti

Piramit Kurumsal Firma Scripti

30 Aralık 2015
2.143 Görüntülenme
Ofisimo Turizm Scripti

Ofisimo Turizm Scripti

29 Aralık 2015
1.228 Görüntülenme
Sunucuda ki Dosyaları Listeleme Scripti

Sunucuda ki Dosyaları Listeleme Scripti

29 Aralık 2015
595 Görüntülenme
Mesajlaşma Panosu Scripti

Mesajlaşma Panosu Scripti

28 Aralık 2015
821 Görüntülenme
Profesyonel Karinca Hosting Firması Scripti

Profesyonel Karinca Hosting Firması Scripti

27 Aralık 2015
2.278 Görüntülenme
Youtube MP3 Çeviri Scripti

Youtube MP3 Çeviri Scripti

5 Aralık 2015
3.541 Görüntülenme
Bunlar da var!
Samsung, Applea tazminat ödemeyi kabul etti

Samsung, Applea tazminat ödemeyi kabul etti

6 Aralık 2015
192 Görüntülenme
Ağaçtan Kovulduktan Sonra Ağlayan Koala

Ağaçtan Kovulduktan Sonra Ağlayan Koala

10 Mayıs 2016
223 Görüntülenme
Göz Altı Torbalarına Son [Video]

Göz Altı Torbalarına Son [Video]

12 Aralık 2015
189 Görüntülenme
Davul ve Zurna Eşliğinde Oynayan At [Video]

Davul ve Zurna Eşliğinde Oynayan At [Video]

17 Şubat 2016
257 Görüntülenme
BenQ GW2270 Full HD Monitörünü Duyurdu

BenQ GW2270 Full HD Monitörünü Duyurdu

22 Ocak 2016
231 Görüntülenme