Javascript Video Anime Streaming
Dalam tampilan desain untuk pemutaran video anime kode yang di buthkan yang pasti ya html dan biar makin cakep harus di poles pake css serta fungsi nya di gunkan lah javascript. ada banak jenis desain tampilan pemutaran video. ada yang flex ada yang grid hmm masih banyak sih tapi gw mau kasih contaoh yang paling simple dan mudah di copy paste
kode html nya
<span id='--title-anime'>Episode 1</span>
<div class='--show-video'>
<iframe
allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width='100%' height='360'
src="LINK EMBED VIDEO Episode 1">
</iframe>
</div>
<div id="--iframe-video" class="tabs --tab-eps">
<!-- tombol akan muncul disini -->
</div>
<script>
// LINK EMBED VIDEO
var anime = [
"urlvideo", // Episode 1
"URLVIDEO", // Episode 2
"URLVIDEO", // Episode 3
"URLVIDEO", // Episode 4
"URLVIDEO", // Episode 5
"URLVIDEO", // Episode 6
"URLVIDEO", // Episode 7
"URLVIDEO", // Episode 8
"URLVIDEO", // Episode 9
"URLVIDEO", // Episode 10
"URLVIDEO", // Episode 11
"URLVIDEO", // Episode 12
]
</script>
kode css nya tinggal copas
kode javascript nya
simpan di atas </head> di template
Demo Dengan Video Tutorial Membuat Blog Baca Manga
Nah Tampilannya seperti contoh video diatas untuk tampilan lebih keennya bisa di goyang saja css nya. dan kalau misal episdoe nya ada banyak tinggal tambah link url video ke bawah saja. sedangkan untuk postingannya bisa pakai redirek dari post yang terbaru dialihkan ke post utama. silahkan di coba saja . kalau ada eror atau masih kurang jelas bisa di tanyakan di dalam komentar . kalau ada waktu ntar gw jawab deh kalau masih ada yang bingung silahkan tanya di kolom komentar nanti di bantu untuk menjawab
0 Response to "Javascript Video Anime Streaming"
Post a Comment