48 lines
1.4 KiB
JavaScript
48 lines
1.4 KiB
JavaScript
"use strict";
|
|
|
|
!function($) {
|
|
$.fn.videoModal = function(config) {
|
|
return this.each(function() {
|
|
var $this = $(this);
|
|
var _config = $.extend(
|
|
{},
|
|
$.fn.videoModal.defaults,
|
|
$(this).data(),
|
|
typeof config === 'object' && config
|
|
);
|
|
var $modal = $(_config.target);
|
|
var $modalContent = $modal.find('.modal-content');
|
|
var $iframe = $modal.find('iframe');
|
|
var iSRC = $iframe.attr('src');
|
|
var videoSRC = _config.autoplay === true ?
|
|
_config.src + '?autoplay=1' : _config.src;
|
|
|
|
$this.on('click', function(e) {
|
|
e.preventDefault(), $modal.modal('show');
|
|
|
|
if (videoSRC) {
|
|
$iframe.attr('src', videoSRC);
|
|
} else {
|
|
var message = 'You must specify the video source in the <code>data-src</code> attribute';
|
|
$modalContent.addClass('d-none');
|
|
$modal.find('.modal-dialog').append('<div class="alert alert-danger fz-base font-weight-normal">'+message+'</div>');
|
|
throw new Error(message);
|
|
}
|
|
});
|
|
|
|
$modal.on('hidden.bs.modal', function() {
|
|
if ($modalContent.is('.d-none')) {
|
|
$modal.find('.alert').remove(),
|
|
$modalContent.removeClass('d-none');
|
|
} else {
|
|
$iframe.attr('src', iSRC);
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
$.fn.videoModal.defaults = {
|
|
autoplay: true
|
|
};
|
|
}(jQuery);
|