News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

HTML5 Video Player Ekleme

Started by Badboy, February 01, 2013, 02:50:05 PM

Previous topic - Next topic

Badboy

Ö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]
Nothing is true, everything is permitted.

sengunbulut

#1
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?
Nothing is true, everything is permitted.

sengunbulut

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

Badboy

Nothing is true, everything is permitted.

sengunbulut

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 :)

Badboy

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™.
Nothing is true, everything is permitted.

CİHAD_EHLİ

#7
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İ

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.

Badboy

video-js.swf dosyası ekte mevcut. Diğer sorun devam ediyor mu?
Nothing is true, everything is permitted.

sanalbellek

Paylaşım için teşekkürler.
http://www.madalya.web.tr  istanbul plaket [nofollow]

fabak

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

Evo™



bangbang

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

Advertisement: