Menampilkan konten atau komponen video sebagai slider

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:

1. Gantikan snippet slider dengan snippet video
2. Rubah snippet gambar dengan snippet video dalam format iframe
3. Rubah ancor link dengan url video
4. Ganti snippet judul slider dengan judul video
5. Hapus snippet kategori slider
6. Rubah data-thumbs=”true” menjadi data-thumbs=”false”
7. 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>