Monkeys Web Site Tasarımı

Lazy Days Web Site Tasarımı

In a Pickle Web Site Tasarımı

Dew Drops Web Site Tasarımı

CKPlayer v2 – HTML5 Video Player WordPress Entegrasyon

Ücretsiz Scriptler Perşembe Şubat 19th, 2015
6.841 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 Cuma Şubat 20th, 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 Cuma Şubat 20th, 2015

Teşekkürler emre bey.

mert Perşembe Mart 5th, 2015

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

Savaş Dersim Çelik Perşembe Mart 5th, 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 Pazar Mart 8th, 2015

çok gelişmiş takipteyim

İlginizi Çekebilir
Youtube tarzı “Php Jquery Mysql” – Like Dislike scripti

Youtube tarzı “Php Jquery Mysql” – Like Dislike scripti

Pazartesi Mayıs 30th, 2016
1.795 Görüntülenme
Çoklu Ürün Satış Scripti

Çoklu Ürün Satış Scripti

Salı Mayıs 10th, 2016
2.498 Görüntülenme
Oto Kiralama Scripti

Oto Kiralama Scripti

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

Basit, Kullanışlı Domain Sorgulama Scripti

Salı Şubat 16th, 2016
1.022 Görüntülenme
Piramit Kurumsal Firma Scripti

Piramit Kurumsal Firma Scripti

Çarşamba Aralık 30th, 2015
2.447 Görüntülenme
Ofisimo Turizm Scripti

Ofisimo Turizm Scripti

Salı Aralık 29th, 2015
1.414 Görüntülenme
Sunucuda ki Dosyaları Listeleme Scripti

Sunucuda ki Dosyaları Listeleme Scripti

Salı Aralık 29th, 2015
703 Görüntülenme
Mesajlaşma Panosu Scripti

Mesajlaşma Panosu Scripti

Pazartesi Aralık 28th, 2015
949 Görüntülenme
Profesyonel Karinca Hosting Firması Scripti

Profesyonel Karinca Hosting Firması Scripti

Pazar Aralık 27th, 2015
2.659 Görüntülenme
Youtube MP3 Çeviri Scripti

Youtube MP3 Çeviri Scripti

Cumartesi Aralık 5th, 2015
3.975 Görüntülenme
Bunlar da var!
Artık Bedava Olan WhatsApp, Bundan Sonra Nasıl Para Kazanacak?

Artık Bedava Olan WhatsApp, Bundan Sonra Nasıl Para Kazanacak?

Salı Ocak 19th, 2016
253 Görüntülenme
WordPress Eklentisiz Rastgele Yazı Gösterme

WordPress Eklentisiz Rastgele Yazı Gösterme

Çarşamba Mart 25th, 2015
401 Görüntülenme
Dünyanın En Büyük Domino Piramidinin Yıkılışı [Video]

Dünyanın En Büyük Domino Piramidinin Yıkılışı [Video]

Pazartesi Aralık 21st, 2015
270 Görüntülenme
Meizu’dan Bir Bomba Daha Geliyor

Meizu’dan Bir Bomba Daha Geliyor

Pazartesi Nisan 18th, 2016
233 Görüntülenme
Bayan Ayakkabıları Nasıl Yapılır?

Bayan Ayakkabıları Nasıl Yapılır?

Salı Mart 29th, 2016
241 Görüntülenme