Воспроизведение видео iframe одним нажатием на плакат - PullRequest
Новая
       28

Воспроизведение видео iframe одним нажатием на плакат

0 голосов
/ 17 декабря 2018

Я использую плеер Video Js и импортирую фреймы.Когда пользователь вставляет код iframe, я должен показать постер загрузки (от пользователя), а когда кто-то нажимает на этот постер, после этого должен начать воспроизведение видео, но только одним щелчком мыши.Я делаю это, но с более одного клика, 2 или худшие 3 клика.Iframes могут быть с YouTube, Facebook или другого веб-сайта.

я делаю это: 

if($model->iframe!=''){
    echo "<div class='iframe-content' id='iframe-topsection'>";
    echo "<img id='mainPosterIframe' src='".$model->getCategoryPoster($model['id'])."'></span>";
    echo "<span class='play-btn-view'></span>";
    echo '</div>';

скрипт для ловли кликов на постере: 

$(function() { 
    var videos  = $("#iframe-topsection");                                           
    videos.on("click", function(){                               
            jQuery('#mainPosterIframe').hide();
            jQuery('#iframe-topsection').html('<?=$model->iframe?>');       
    });

});

и css для плаката: 

#iframe-topsection img{
position: relative; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer;

}

...