HTML5 Video Player Ekleme

[Badboy]

Öncelikle HTML5 Video Player (http://www.videojs.com) aittir.

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 Expand

array(
'tag' => 'left',
'before' => '<div style="text-align: left;">',
'after' => '</div>',
'block_level' => true,
),

Code (ÖNCESİNE EKLE) Select Expand


            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 Expand

array(
'image' => 'flash',
'code' => 'flash',
'before' => '[flash=200,200]',
'after' => '[/flash]',
'description' => $txt['flash']
),

Code (SONRASINA EKLE) Select Expand


            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 Expand

<img>

Code (DEĞİŞTİR) Select Expand

<img><object><embed><div><iframe>

Code (BUL) Select Expand

<img>

Code (DEĞİŞTİR) Select Expand

<img><object><embed><div><iframe>

index.template.php (default temaya göre) içinde yapılan değişiklikler

Code (BUL) Select Expand

<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';

Code (SONRASINA EKLE) Select Expand

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

Code (BUL) Select Expand

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

Code (SONRASINA EKLE) Select Expand

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 Expand

?>

Code (ÖNCESİNE EKLE) Select Expand

$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 Expand

[video width=640 height=264]http://video-js.zencoder.com/oceans-clip.mp4[/video]

[sengunbulut]

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

[Badboy]

Teşekkürler kolay gelsin.

Ayrıca aynı sayfada birden çok video eklemeyi de dener misiniz?

[sengunbulut]

Ayrıca aynı sayfada birden fazla video ekledim hiç bir sorunla karşılaşılmamıştır

[Badboy]

Teşekkürler.

[sengunbulut]

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

[Badboy]

Arkadaşlar aşağıdaki kod iki kere eklenmiş. Kullananlar sizde de öyleyse birini silin lütfen.

Code Select Expand

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

Uyarı için Teşekkürler Evo™.

[CİHAD_EHLİ]

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ı

[CİHAD_EHLİ]

tema images klasörlerine resimleri atmama rağmen bbc resimlerde çıkmadı ama sizin verdiğiniz şekildeki video linkini atınca video gösteriyor.

[Badboy]

video-js.swf dosyası ekte mevcut. Diğer sorun devam ediyor mu?

[sanalbellek]

Paylaşım için teşekkürler.

[fabak]

ben 2.0.8 sürümünü kullanıyorum. bu anlatım benim sürüme uygulanabilir mi?

[Evo™]

Tabiki uygundur.

[musfar]

Teşekkürler.

[bangbang]

Yoruma video atınca oluşan bir örnek resim atar mısınız?