(Turkish) SESLENDİRME SANATÇILARI VOİCEBROS’TA TOPLANDI!

(Turkish) Android Yazılım Uzmanlığı

(Turkish) Çağrı Merkezleri Derneği’nin Yeni Dönem Yönetim Kurulu Başkanı Rengin Ağılönü Oldu

(Turkish) Yüzde yüz Türk girişimi Getir’den Yemeğini Sıcak Sevenlere Çözüm GetirYemek Hizmete Açıldı

CKPlayer v2 – HTML5 Video Player WordPress Entegrasyon

  • Free Scripts
  • Savaş Dersim Çelik
  • Thursday February 19th, 2015
  • 13,654 Görüntülenme
  • PHP, HTML, CSS
  • Responsive
  • Renkli

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 6 yorum yapılmış.

emreokay Friday February 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 Friday February 20th, 2015

Teşekkürler emre bey.

mert Thursday March 5th, 2015

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

Savaş Dersim Çelik Thursday March 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 Sunday March 8th, 2015

çok gelişmiş takipteyim

benjamib Tuesday March 20th, 2018

xml oynatabiliriyiz playlist şeklinde yardımcı olursanız sevinirim.

Benzer İçerikler