WTA - Cara Embed Video Youtube Seperti Ini

monggo gan

thank you om,udah ane coba keren hasilnya
tapi waktu di pasang di script ane mlh thumbnailnya gk nongol soalnya pagenya dinamic gitu
terus ane bandingin loadingnya mlh lebih berat ya, _http://gtmetrix.com/compare/C14TWO63/gDSfPSlh

btw ini site ane _supermaho.com jgn di ketawain nama domennya
ane mau nyontek jadi kyk gini _vitaminl.tv
tpi susah oii :3
gk tau coding apa yg dia pake

iya om code yg sampean kasih work semua kok ane coba di static page,
tapi waktu ane pasang di script ane gk work, emang agak susah ini dipisah2

punya ane di pisah2 gini
file iframe nya ada di fuction di file main.php


kode dipanggil di file view.tpl

 

Yg model bgini ya? _http://anygift.info/test/embed/

 

iya om kyk gitu, tapi ya itu script ane di pisah2 kyk yg di post sebelumnya jadi kesulitan masang nya

 

Ini yg ane cari THANKSSS

 

Aku gak paham klo script Perl. Yg td hnya pake video.js versi responsive.

 

Coba yang keq gini gan. Saya Jsfiddle ga support php
PHP

PHP:

function youtube_embed ( $video, $width = '420', $height = '315' ) {
    echo '<div id="youtube_' . $video . '_wrapper" class="youtube-wrapper" style="width:'. $width . 'px;height:'. $height . 'px;">';
    echo '<img id="youtube_'. $video . '_thumb" src="http://img.youtube.com/vi/'. $video . '/0.jpg" class="youtube-thumb" width="'. $width . '" height="'. $height . '" data-target="'. $video . '"/>';
    echo '<i id="youtube_'. $video . '_play" class="youtube-play-button" data-target="'.$video.'"></i>';
    echo '<iframe style="display:none;" id="youtube_'. $video . '_iframe" width="'. $width . '" height="'. $height . '" src="" frameborder="0" allowfullscreen=""></iframe>';
    echo '</div>';


JS

Code:

jQuery(function($) {
    function play_youtube_video (id) {
        $('#youtube_' + id + '_thumb').fadeOut();
        $('#youtube_' + id + '_play').fadeOut();
        $('#youtube_' + id + '_iframe').attr("src", 'http://www.youtube.com/embed/' + id + '?autoplay=1');
        $('#youtube_' + id + '_iframe').show();
    }
    $('.youtube-play-button').click(function(){
        var id = $(this).attr('data-target');
        play_youtube_video(id);
    });
    $('.youtube-thumb').click(function(){
        var id = $(this).attr('data-target');
        play_youtube_video(id);
    });
});

Hasil compare
__http://gtmetrix.com/compare/l7rOP8HQ/2rYrJYGC
Ga jauh beda. Mungkin karna videonya cuma 5.

 

pakai jwplayer om simple

Code:

http://www.longtailvideo.com/support/jw-player/28842/working-with-playlists

 

tinggal set autoplaynya ke 0