Нужно остановить автозапуск видео во всплывающем окне - PullRequest
Новая
       39

Нужно остановить автозапуск видео во всплывающем окне

0 голосов
/ 05 июля 2018

У меня есть видео во всплывающем модуле, его можно посмотреть здесь, выбрать ссылку «Просмотр видео» http://www.mcveaghfleming.co.nz/sandbox.html Проблема в том, что видео воспроизводится сразу после выбора ссылки. Я хочу, чтобы это не происходило, чтобы оно воспроизводилось только с помощью кнопки «Воспроизвести». Я пробовал автозапуск: ложь; и т.д., но это не работает. Ниже приведен сценарий и HTML и т. Д.

Был бы очень признателен за любую помощь, чтобы заставить это работать лучше. Спасибо 

  <!-- video activate link -->
  <a href="javascript:void(0)" id="video1"><span class="learnmore">VIEW VIDEO  </span></a>

    <!-- the popup video-->
    <div id="vidBox">
        <div id="videCont">
            <video id="v1" controls>
                <source src="video/mcveaghfleming-100-years.mp4" type="video/mp4">

            </video>
        </div>
    </div>
    <!-- end-->



(function ($) {

$.fn.VideoPopUp = function (options) {

    var defaults = {
        backgroundColor: "#000000",
        opener: "video",
        maxweight: "640",
        pausevideo: false,            
        idvideo: ""
    };

    var patter = this.attr('id');

    var settings = $.extend({}, defaults, options);

    var video = document.getElementById(settings.idvideo);
    function stopVideo() {
        video.pause();
        video.currentTime = 0;
    }

    $('#' + patter + '').css("display", "none");
    $('#' + patter + '').append('<div id="opct"></div>');
    $('#opct').css("background", settings.backgroundColor);
    $('#' + patter + '').css("z-index", "100001");
    $('#' + patter + '').css("position", "fixed")
    $('#' + patter + '').css("top", "0");
    $('#' + patter + '').css("bottom", "0");
    $('#' + patter + '').css("right", "0");
    $('#' + patter + '').css("left", "0");
    $('#' + patter + '').css("padding", "auto");
    $('#' + patter + '').css("text-align", "center");
    $('#' + patter + '').css("background", "none");
    $('#' + patter + '').css("vertical-align", "vertical-align");
    $("#videCont").css("z-index", "100002");
    $('#' + patter + '').append('<div id="closer_videopopup">&otimes;    </div>');
    $("#" + settings.opener + "").on('click', function () {
        $('#' + patter + "").show();
        $('#'+settings.idvideo+'').trigger('play');

    });



    $("#closer_videopopup").on('click', function () {
        if(settings.pausevideo==true){
                $('#'+settings.idvideo+'').trigger('pause');
            }else{
                stopVideo();
            }
        $('#' + patter + "").hide();
    });
    return this.css({

    });
};

}(jQuery));

1 Ответ

0 голосов
/ 06 июля 2018

Вы говорите, чтобы это играло в вашем коде. Возьмите следующую строку: 

 $('#'+settings.idvideo+'').trigger('play');
...