Dijital Ürün Alış ve Satışı için: Buraya Tıkla

Sesli dinle

Seditio CMS için Youtube Linklerini otomatik Video'ya Dönüştürme Nasıl Yapılır?

Bu anlatacağım döküman sadece Seditio Forum Sistemi ve Sayfalar için geçerli.

Öncelikle system/core/forums/forums.posts.inc.php'yi açıyoruz ve alttakini buluyoruz.

$row['fp_text'] = sed_parse($row['fp_text']);

Altına Ekliyoruz.

// YouTube linkini iframe'e çevir ve responsive hale getir
$row['fp_text'] = preg_replace(
    '/https:\/\/(www\.)?youtube\.com\/watch\?v=([a-zA-Z0-9_-]+)/i',
    '<div class="embed-responsive embed-responsive-16by9"><iframe class="vid" src="https://www.youtube.com/embed/$2" allowfullscreen></iframe></div>',
    $row['fp_text']
);
// Eğer kısa URL formatında bir YouTube linki varsa (https://youtu.be/VIDEO_ID)
$row['fp_text'] = preg_replace(
    '/https:\/\/youtu\.be\/([a-zA-Z0-9_-]+)/i',
    '<div class="embed-responsive embed-responsive-16by9"><iframe class="vid" src="https://www.youtube.com/embed/$1" allowfullscreen></iframe></div>',
    $row['fp_text']
);

Sayfalar için Youtube Video'su Otomatik Boyutlandırma

system/core/page/page.inc.php'yi açın alttakini bulun.

$pag['page_text'] = sed_parse($pag['page_text']);

Altına Ekleyin.

// YouTube linkini iframe'e çevir ve responsive hale getir
$pag['page_text'] = preg_replace(
    '/https:\/\/(www\.)?youtube\.com\/watch\?v=([a-zA-Z0-9_-]+)/i',
    '<div class="embed-responsive embed-responsive-16by9"><iframe class="vid" src="https://www.youtube.com/embed/$2" allowfullscreen></iframe></div>',
    $pag['page_text']
);
// Eğer kısa URL formatında bir YouTube linki varsa (https://youtu.be/VIDEO_ID)
$pag['page_text'] = preg_replace(
    '/https:\/\/youtu\.be\/([a-zA-Z0-9_-]+)/i',
    '<div class="embed-responsive embed-responsive-16by9"><iframe class="vid" src="https://www.youtube.com/embed/$1" allowfullscreen></iframe></div>',
    $pag['page_text']
);	

Daha sonra ilgili kod içerisinde class="vid"  vid class'ını videoyu otomatik boyuıtlandırmak için kullandık.

Aşağıdaki kodları CSS dosyanıza eklemeniz gerekiyor.

.vid {
  width: 100%;
  height: auto;
}
/* Büyük ekranlar için (992px ve üstü) */
@media (min-width: 992px) {
    .vid {
        width: 640px;
        height: 360px;
    }
}
/* Orta ekranlar için (768px - 991px arası) */
@media (min-width: 768px) and (max-width: 991px) {
    .vid {
        width: 640px;
        height: 360px; /* 480px değilse bunu açıklama kısmında belirtmeyin */
    }
}
/* Küçük ekranlar için (720px altı) */
@media (max-width: 767px) {
    .vid {
        width: 100%;
        height: auto;
    }
}

Artık youtube linkini forum veya blog sayfanıza yapıştırdığınızda otomatik video player açılacaktır.

https://www.youtube.com/watch?v=GuFTuKoXepw bu şekilde yapıştırmanız yeterli.

İşlem Tamamdır.

Css'nin aktif olması için çerezlerinizi temizlemeniz gereklidir.

Bu işlem Seditio HTML versiyonları için geçerlidir.


Yorumlar (0)
henüz yorum yok
Tema Ayarları

Kendi özelleştirilmiş stilini belirle

Mod Seç

Uygulamanız için mükemmel renk modunu seçin.


RTL Mode

Dil yönünüzü değiştirin


Fluid Layout

Tam ekran modu aç/kapat


Navigasyon Konumu

Web sitesi için uygun bir menü sistemi seçin


Görünüm