no, I've create a owl-carousel. Where there are images, videos, and documents.
This is my HTML
<div class="item-video">
<iframe width="540" height="360" allowfullscreen src="<?php echo $files[$i]?>"></iframe>
<div class="positioner">
<button type="button" class="btn-video btn btn-default">
<i class="fa fa-expand" title="Ingrandisci"></i>
</button>
</div>
</div>
JS:
$('.btn-video').on('click', function(event) {
var src = $(this).closest(".clients").find('video').attr('src');
$("#dialogImage").dialog({
modal: true,
minWidth:950,
minHeight:100,
hide: 'blind',
title: "MajoranaCloud - Video -",
position: ['center', 'center'],
buttons: {
"Chiudi": function() {
$("#dialogImage").dialog( "destroy" );
},
},
});
$('#dialogImage').append('<div id="dialogImage1"><iframe width="900" height="700" allowfullscreen src = "' + datiVideo + '"></iframe></div>');
return false;
});
A similar function is to get src from images, and it works
Tegatti