You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.5 KiB
44 lines
1.5 KiB
2 months ago
|
$(document).ready(function () {
|
||
|
|
$('body').on('click', '.preview_img', openVideo)
|
||
|
|
|
||
|
|
function openVideo() {
|
||
|
|
let type = 'image'
|
||
|
|
let path = this.getAttribute('data-path_file');
|
||
|
|
parts = path.split('.')
|
||
|
|
if (['avi', 'mp4', 'webm', 'mkv', 'flv', 'wmv'].includes(parts[parts.length - 1])) {
|
||
|
|
type = 'video'
|
||
|
|
}
|
||
|
|
if (type == 'video') {
|
||
|
|
$('#video_play').modal('toggle')
|
||
|
|
var my_video_id = videojs('video_play_file');
|
||
|
|
my_video_id.fluid(true);
|
||
|
|
path = path.replace('avi', 'mp4');
|
||
|
|
my_video_id.src('/video/' + path);
|
||
|
|
$('#rotate_video').click(function(){
|
||
|
|
rotation = $('#rotate_video').data('rotation');
|
||
|
|
if(rotation == undefined)
|
||
|
|
rotation = 0
|
||
|
|
rotation = rotation + 90;
|
||
|
|
if(rotation == 360)
|
||
|
|
rotation = 0;
|
||
|
|
console.log(rotation);
|
||
|
|
my_video_id.zoomrotate({
|
||
|
|
rotate: rotation,
|
||
|
|
});
|
||
|
|
$('#rotate_video').data('rotation', rotation);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$("#image_open").modal('toggle')
|
||
|
|
$('#image_file').empty()
|
||
|
|
let image_file = document.getElementById('image_file');
|
||
|
|
let image = document.createElement('img')
|
||
|
|
image.setAttribute('src', '/img/' + path)
|
||
|
|
image.setAttribute('width', '100%')
|
||
|
|
image.setAttribute('height', '100%')
|
||
|
|
image_file.appendChild(image)
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|