Menampilkan konten atau komponen video sebagai slider

Gambar 282. Display content or component video as 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>

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...

Author

Administrator

12 Februari 2018

Hey..... Apa kabar? Semua artikel dan layanan yang kami sediakan di sini semata-mata untuk kepentingan pengguna dan klien. Jadi jika Anda merasa membutuhkan pelayanan kami silahkan jangan ragu untuk menghubungi. Kami juga bersedia untuk melayani konsultasi online melalui media sosial, melalui komentar dan melalui halaman testimonial yang telah kami sediakan. Selain itu Anda juga dapat menggunakan kontak form yang tersedia.

Jika apa yang anda dapatkan dari situs ini bermanfaat, silahkan dukung dengan like dan share . Terimakasih telah berkunjung, silahkan kembali kapanpun anda merasa membutuhkan layanan yang kami sediakan.

Status Akun Iklan 11 Juni 2024

Saya sampaikan bahwa status akun iklan sudah saya cek dan saya kelola. Sehingga pagi ini siap untuk di jalankan.

Abaikan notifikasi/tanda yang ada; Dibatasi anggaran, merah, kuning, apapun itu mohon di abaikan. Saya sudah pertimbangkan dan sesuaikan di masing-masing akun. Pagi ini, pukul 04.45 WIB saya baru selesai periksa dan setting semua akun. Sehingga tidak ada lagi yang perlu di tanyakan. Silahkan jalankan iklan.
Ingin berbagi dengan multibisnisindo dan memberikan kontribusi....? Tulis pengalamanmu Di Sini

Terimakasih
JOPanda

Tidak ada komentar terkait posting ini, Ingin memberi komentar?

Artikel akan muncul dalam 20 detik...