Membuat Video Streaming

Desain » Template WapBlog · Sun, 04 Nov 2018 15:51
Oke mblo,
sebenernya saya sering baca yg tanya-tanya bikin streaming gimana di wapblog.
Padahal cukup simpel sih bikinnya, dan udah saya coba ketika saya blokir code iframe dikarenakan banyaknya flood ke server wapblog hanya untuk ngeplay iklan yang gak seberapa

Javascript, pasang di footer (jangan lupa jquery dan bootsstrap)
<script type="text/javascript">$(document).ready(function() {
$('.player1').click(function(event) {
var video = $(this);
var src = $(this).attr('id');
var videoServer1 = 'http://uservideo.net/file';
var space = '';

video.replaceWith('<div class="video-player"><'+space+'iframe class="video" src="'+videoServer1+'/'+src+'?embed=true&autoplay=true" width="651" height="366" frameBorder="0" frameborder="0" allowfullscreen></iframe></div><div class="download-list"><ul><li class="head">Download</li><li><a href="'+videoServer1+'/'+src+'" class="download-link">Server 1</a></li></ul></div>');
});

$('.player img').after('<span class="fa fa-play"></span>');
});</script>


HTML dipostingan
<div class="player1" id="nanime.in.bor.59.480p.mkv">
<div class="player"><img alt="Nonton Boruto: Naruto Next Generations Episode 59 Sub Indo" class="img-fluid" src="https://image.tmdb.org/t/p/w780/dsdejNR0GJ84LU3EnKY6Cu7DGsw.jpg" /></div>
</div>


Selanjutnya, mari kita lihat javascript diawal. Terdapat variable var videoServer1 = 'http://uservideo.net/file'; itu adalah situs streaming yang dipakai.

Lanjut ke htmlnya,
<div class="player1" id="nanime.in.bor.59.480p.mkv"> id dari class disamping merupakan tempat video target.
Jadi setelah selesai load, class player akan menjadi iframe dengan source url = http://uservideo.net/file/nanime.in.bor.59.480p.mkv

Oke cukup sekian dan terima kasih.

Tested on Awaken template http://store.wapblog.id/awaken.xhtml
Jadi kalo ada yang bilang di wapblog gak bisa masang iframe, itu keterlaluan ya
Attachment of Membuat Video Streaming
Lampiran
Ukuran: 1115.55 Kb
Lihat Penuh

Balasan

  • Image of Fajar Sodik
    Fajar Sodik
    Sat, 01 Dec 2018 14:20
    Sekali lagi, tag html itu berjalan dibrowser ya bukan diserver. Kalo support browser dengan tag video pasti jalan. Coba deh pelajari client side dan server side.
    Lalu bisa dilihat css, html, dan js hanyalah kumpulan kode yg berjalan dan dibaca browser
  • Image of Kuroneko
    Kuroneko
    Mon, 26 Nov 2018 19:14
    klo pakai tag <video> bisa ngga??
  • Image of krisna
    krisna
    Wed, 07 Nov 2018 00:07
    Kok cepi
  • Image of Hanapi
    Hanapi
    Mon, 05 Nov 2018 05:45
    Mau coba ah hehehehe
  • Image of Ramadhan GF
    Ramadhan GF
    Mon, 05 Nov 2018 00:35
    Wah kerenn ..
Harap Login untuk berkomentar