Need to stop autoplay of video in popup - popup

Question

I have a video in a popup module, can see it here, select the View Video link http://www.mcveaghfleming.co.nz/sandbox.html
The issue is the video plays immediately once the link is selected. I want to stop this from happening so that it only plays using the Play button control.
I have tried autoplay: false; etc but this doesn't work. Below is the script and html etc.
Would really appreciate any assistance on getting this to work better.
Thanks
<!-- video activate link -->
<span class="learnmore">VIEW VIDEO </span>
<!-- 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">⊗ </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));

Answer 1

You are telling it to play in your code. Take the following line out:
$('#'+settings.idvideo+'').trigger('play');