Menampilkan konten atau komponen video sebagai slider
- Administrator
- Video
- 3858 Kali Dilihat
- 0 Komentar
Untuk Menampilkan konten atau komponen video sebagai slider sebenarnya cukup mudah, yang perlu kita lakukan hanya merubah snippet gambar menjadi snippet video.
Sebagai contoh dalam artikel ini, video ditampilkan sebagai slider pada tema chingsy. Langkah-langkahnya adalah:
- Gantikan snippet slider dengan snippet video
- Rubah snippet gambar dengan snippet video dalam format iframe
- Rubah ancor link dengan url video
- Ganti snippet judul slider dengan judul video
- Hapus snippet kategori slider
- Rubah data-thumbs="true" menjadi data-thumbs="false"
- Hapus data-thumbs="value"
Perhatikan contoh script yang diambil dari tema chingsy berikut:
<div class="container clearfix">
<div class="row">
<div class="col-md-8 bottommargin">
<div class="col_full bottommargin-lg">
<div class="fslider flex-thumb-grid grid-6" data-speed="2000" data-pause="8000" data-animation="slide" data-arrows="true" data-thumbs="false">
<div class="flexslider">
<div class="slider-wrap">
<?php
$videos = $this->video()->getVideo('6', 'id_video ASC'); <!-- Hapus ", $this->e($page)" dari snippet video ini -->
foreach($videos as $video){
?>
<div class="slide">
<a href="<?=$video['url'];?>">
<iframe src="<?=$video['url'];?>" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<div class="overlay">
<div class="text-overlay">
<div class="text-overlay-title"><h3><?=$video['title'];?></h3></div>
</div>
</div>
</a>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<!-- Disini adalah script konten lainya -->
</div>
<div class="col-md-4">
<!-- Insert Sidebar -->
<?=$this->insert('sidebar');?>
</div>
</div>
</div>
Post Terkait
Membuat Video Lightbox
Membuat Video Lightbox Berawal dari keinginan saya untuk kembali menyediakan video tutorial berupa video di blog ini, lalu muncul keinginan untuk...
Mengatasi Error paging halaman video
Mengatasi Error paging halaman video Untuk mengatasi error post tidak ditemukan pada paging komponen video, silahkan buka...
Author
Tidak ada komentar terkait posting ini, Ingin memberi komentar?
