Simple Machines Community Forum

SMF Support => Türkçe Bölümü (Turkish) => Language Specific Support => İpuçları ve Hileler => Topic started by: Badboy on February 01, 2013, 02:50:05 PM

Title: HTML5 Video Player Ekleme
Post by: Badboy on February 01, 2013, 02:50:05 PM
Öncelikle HTML5 Video Player (http://www.videojs.com) aittir.

QuoteVideo.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
[video width=640 height=264]http://video-js.zencoder.com/oceans-clip.mp4[/video]
Title: Re: HTML5 Video Player Ekleme
Post by: sengunbulut 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 :)
Title: Re: HTML5 Video Player Ekleme
Post by: Badboy on February 02, 2013, 02:50:45 AM
Teşekkürler kolay gelsin. ;)

Ayrıca aynı sayfada birden çok video eklemeyi de dener misiniz?
Title: Re: HTML5 Video Player Ekleme
Post by: sengunbulut 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
Title: Re: HTML5 Video Player Ekleme
Post by: Badboy on February 02, 2013, 03:22:37 AM
Teşekkürler.
Title: Re: HTML5 Video Player Ekleme
Post by: sengunbulut on February 02, 2013, 03:41:05 AM
Quote from: Badboy on February 02, 2013, 03:22:37 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 :)
Title: Re: HTML5 Video Player Ekleme
Post by: Badboy 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.

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


Uyarı için Teşekkürler Evo™ (http://www.simplemachines.org/community/index.php?action=profile;u=45582).
Title: Re: HTML5 Video Player Ekleme
Post by: CİHAD_EHLİ 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 atmama rağmen bbc resimlerde çıkmadı
Title: Re: HTML5 Video Player Ekleme
Post by: CİHAD_EHLİ on January 09, 2015, 09:47:52 AM
Quote from: CİHAD_EHLİ on January 09, 2015, 09:19:59 AM
tema images klasörlerine resimleri atmama rağmen bbc resimlerde çıkmadı ama sizin verdiğiniz şekildeki video linkini atınca video gösteriyor.
Title: Re: HTML5 Video Player Ekleme
Post by: Badboy on January 09, 2015, 02:31:28 PM
video-js.swf dosyası ekte mevcut. Diğer sorun devam ediyor mu?
Title: Re: HTML5 Video Player Ekleme
Post by: sanalbellek on January 14, 2015, 06:42:10 AM
Paylaşım için teşekkürler.
Title: Re: HTML5 Video Player Ekleme
Post by: fabak 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?
Title: Re: HTML5 Video Player Ekleme
Post by: Evo™ on April 02, 2015, 01:57:49 PM
Tabiki uygundur.
Title: Re: HTML5 Video Player Ekleme
Post by: musfar on November 27, 2015, 04:57:33 PM
Teşekkürler.
Title: Re: HTML5 Video Player Ekleme
Post by: bangbang on January 10, 2018, 12:38:30 PM
Yoruma video atınca oluşan bir örnek resim atar mısınız?