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