Advertisement:

Author Topic: HTML5 Video Player Ekleme  (Read 63327 times)

Offline Badboy

  • SMF Hero
  • ******
  • Posts: 1,456
  • Gender: Male
HTML5 Video Player Ekleme
« on: February 01, 2013, 02:50:05 PM »
Öncelikle HTML5 Video Player (http://www.videojs.com) aittir.

Quote
Video.js is a free HTML5 video player created and open-sourced by Steve Heffernan and Zencoder Inc.

Subs.php içinde yapılan değişiklikler
Code: (BUL) [Select]
array(
'tag' => 'left',
'before' => '<div style="text-align: left;">',
'after' => '</div>',
'block_level' => true,
),

Code: (ÖNCESİNE EKLE) [Select]
            array(
                'tag' => 'video',
                'type' => 'unparsed_content',
                'parameters' => array(
                       'width' => array('optional' => false),
                       'height' => array('optional' => false),
                ),
                'content' => '<video src="$1" id="SMF_Video_'.rand(1,999).'" controls width="{width}" height="{height}" class="video-js vjs-default-skin" preload="none" data-setup="{}"></video>',
                'block_level' => true,
            ),

Subs-Editor.php içinde yapılan değişiklikler
Code: (BUL) [Select]
array(
'image' => 'flash',
'code' => 'flash',
'before' => '[flash=200,200]',
'after' => '[/flash]',
'description' => $txt['flash']
),

Code: (SONRASINA EKLE) [Select]
            array(
'image' => 'video',
                'code' => 'video',
                'before' => '[video width=640 height=480]',
                'after' => '[/video]',
                'description' => $txt['html5_video']
            ),

Post.php içinde yapılan değişiklikler (Dikkat Yanlışlık yok kod 2 yerde geçiyor yani 2 kere yapılacak)
Code: (BUL) [Select]
<img>
Code: (DEĞİŞTİR) [Select]
<img><object><embed><div><iframe>
Code: (BUL) [Select]
<img>
Code: (DEĞİŞTİR) [Select]
<img><object><embed><div><iframe>
index.template.php (default temaya göre) içinde yapılan değişiklikler
Code: (BUL) [Select]
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';
Code: (SONRASINA EKLE) [Select]
echo '
<link href="', $settings['theme_url'], '/css/video-js.css" rel="stylesheet" type="text/css">';

Code: (BUL) [Select]
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/rtl.css" />';
Code: (SONRASINA EKLE) [Select]
echo '
<script src="', $settings['theme_url'], '/scripts/video.js"></script>

<!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
<script>
    _V_.options.flash.swf = "', $settings['theme_url'], '/scripts/video-js.swf";
</script>';

Modifications.turkish.php dil dosyasında yapılan değişiklikler
Code: (BUL) [Select]
?>
Code: (ÖNCESİNE EKLE) [Select]
$txt['html5_video'] = 'Video Ekle';


Ekteki video-js.css ve video-js.min.css dosyasını temanız/css/ klasörü içerisine kopyalayın.
Ekteki video.js, video.min.js ve video-js.swf dosyasını temanız/scripts/ klasörü içerisine kopyalayın.
Ekteki video-js.png dosyasını temanız/images/ klasörü içerisine kopyalayın.
Ekteki video.gif dosyasını temanız/images/bbc/ klasörü içerisine kopyalayın.



Örnek Kullanım
Code: [Select]
[video width=640 height=264]http://video-js.zencoder.com/oceans-clip.mp4[/video]
« Last Edit: February 02, 2013, 10:00:53 AM by Badboy »
Nothing is true, everything is permitted.

Offline sengunbulut

  • Semi-Newbie
  • *
  • Posts: 36
Re: HTML5 Video Player Ekleme
« Reply #1 on: February 02, 2013, 02:30:02 AM »
Teşekkürler hemen deniyorum durumu buradan yazacağım :)

Tamamdır :) Sonunda oldu çalıştığına dair kanıt link => http://forumxvc.com/forum/index.php?topic=96.0

Teşekkürler Badboy sonunda istediğime kavuştum zaman ayırıp sorunumu çözdün çok minnettarım sizlere :)
« Last Edit: February 02, 2013, 02:49:33 AM by sengunbulut »

Offline Badboy

  • SMF Hero
  • ******
  • Posts: 1,456
  • Gender: Male
Re: HTML5 Video Player Ekleme
« Reply #2 on: February 02, 2013, 02:50:45 AM »
Teşekkürler kolay gelsin. ;)

Ayrıca aynı sayfada birden çok video eklemeyi de dener misiniz?
Nothing is true, everything is permitted.

Offline sengunbulut

  • Semi-Newbie
  • *
  • Posts: 36
Re: HTML5 Video Player Ekleme
« Reply #3 on: February 02, 2013, 03:10:38 AM »
Ayrıca aynı sayfada birden fazla video ekledim hiç bir sorunla karşılaşılmamıştır :D

Offline Badboy

  • SMF Hero
  • ******
  • Posts: 1,456
  • Gender: Male
Re: HTML5 Video Player Ekleme
« Reply #4 on: February 02, 2013, 03:22:37 AM »
Teşekkürler.
Nothing is true, everything is permitted.

Offline sengunbulut

  • Semi-Newbie
  • *
  • Posts: 36
Re: HTML5 Video Player Ekleme
« Reply #5 on: February 02, 2013, 03:41:05 AM »
Teşekkürler.

Ben teşekkür ederim html olarak ekleyemediğimde  yapamayınca umudu kesmiştim bunu ama siz smf için eklentiye çevirdiniz :)

Offline Badboy

  • SMF Hero
  • ******
  • Posts: 1,456
  • Gender: Male
Re: HTML5 Video Player Ekleme
« Reply #6 on: February 02, 2013, 10:04:27 AM »
Arkadaşlar aşağıdaki kod iki kere eklenmiş. Kullananlar sizde de öyleyse birini silin lütfen.

Code: [Select]
   echo '
   <link href="', $settings['theme_url'], '/css/video-js.css" rel="stylesheet" type="text/css">';

Uyarı için Teşekkürler Evo™.
Nothing is true, everything is permitted.

Offline CİHAD_EHLİ

  • Jr. Member
  • **
  • Posts: 114
  • Gender: Male
    • CihadEhli
Re: HTML5 Video Player Ekleme
« Reply #7 on: January 09, 2015, 09:19:59 AM »
sciript içine atılacak 3.dosya video-js.swf bu hangisidir.anlamadım zira ekte böyle bir dosya yok ayrıca tema images klasörlerine resimleri Ima rağmen bbc resimlerde çıkmadı
« Last Edit: January 09, 2015, 09:32:21 AM by CİHAD_EHLİ »

Offline CİHAD_EHLİ

  • Jr. Member
  • **
  • Posts: 114
  • Gender: Male
    • CihadEhli
Re: HTML5 Video Player Ekleme
« Reply #8 on: January 09, 2015, 09:47:52 AM »
tema images klasörlerine resimleri Ima rağmen bbc resimlerde çıkmadı ama sizin verdiğiniz şekildeki video linkini atınca video gösteriyor.

Offline Badboy

  • SMF Hero
  • ******
  • Posts: 1,456
  • Gender: Male
Re: HTML5 Video Player Ekleme
« Reply #9 on: January 09, 2015, 02:31:28 PM »
video-js.swf dosyası ekte mevcut. Diğer sorun devam ediyor mu?
Nothing is true, everything is permitted.

Offline sanalbellek

  • Semi-Newbie
  • *
  • Posts: 14
  • Gender: Male
  • plaket.biz.tr
    • akdenizreklam on Facebook
    • @akdenizreklam on Twitter
Re: HTML5 Video Player Ekleme
« Reply #10 on: January 14, 2015, 06:42:10 AM »
Paylaşım için teşekkürler.

Offline fabak

  • Semi-Newbie
  • *
  • Posts: 32
Re: HTML5 Video Player Ekleme
« Reply #11 on: April 01, 2015, 03:28:19 PM »
ben 2.0.8 sürümünü kullanıyorum. bu anlatım benim sürüme uygulanabilir mi?

Offline Evo™

  • Local Moderator
  • SMF Hero
  • *
  • Posts: 2,274
Re: HTML5 Video Player Ekleme
« Reply #12 on: April 02, 2015, 01:57:49 PM »
Tabiki uygundur.

Offline musfar

  • Semi-Newbie
  • *
  • Posts: 26
    • site analiz
Re: HTML5 Video Player Ekleme
« Reply #13 on: November 27, 2015, 04:57:33 PM »
Teşekkürler.

Offline bangbang

  • Jr. Member
  • **
  • Posts: 107
  • Gender: Male
  • bangbang
Re: HTML5 Video Player Ekleme
« Reply #14 on: January 10, 2018, 12:38:30 PM »
Yoruma video atınca oluşan bir örnek resim atar mısınız?