<script>
jQuery(document).ready(function($) {
$("#embed-post-video textarea").emojioneArea({
pickerPosition: "bottom",
tonesStyle: "radio",
filters: {
flags : false,
objects : false,
travel_places : false,
activity : false
}
});
var form = $("#embed-post-video");
var video_id = false;
var embed = '';
form.find('input[name="url"]').on('input', function() {
//form.find('input[name="url"]').keyup(function(event) {
url = $(this).val();
if (get_yt_id(url)) {
video_id = get_yt_id(url);
form.find('#embed').val('youtube');
form.find('#video_id').val(video_id);
$("#embed-iframe").html($('<iframe>',{
src: 'https://www.youtube.com/embed/' + video_id,
width: '100%',
height: '309px',
frameborder: 0
}));
$("#embed-post-video").find(".fetch-url").addClass('hidden');
$("#embed-post-video").find(".iframe-renderer").slideDown(300);
}
else if(get_vimeo_id(url)){
video_id = get_vimeo_id(url);
form.find('#embed').val('vimeo');
form.find('#video_id').val(video_id);
$("#embed-iframe").html($('<iframe>',{
src: 'https://player.vimeo.com/video/' + video_id,
width: '100%',
height: '309px',
frameborder: 0
}));
$("#embed-post-video").find(".fetch-url").addClass('hidden');
$("#embed-post-video").find(".iframe-renderer").slideDown(300);
}
else if(get_dailymotion_id(url)){
video_id = get_dailymotion_id(url);
form.find('#embed').val('dailymotion');
form.find('#video_id').val(video_id);
$("#embed-iframe").html($('<iframe>',{
src: 'http://www.dailymotion.com/embed/video/' + video_id,
width: '100%',
height: '309px',
frameborder: 0
}));
$("#embed-post-video").find(".fetch-url").addClass('hidden');
$("#embed-post-video").find(".iframe-renderer").slideDown(300);
}
else if(is_mp4_url(url) && mp4_links == 'on'){
form.find('#embed').val('mp4');
form.find('#video_id').val(url);
$("#embed-iframe").html($('<video>',{
src: url,
width: '100%',
height: '309px',
controls : "true"
}));
$('#embed-iframe').append('<div class="form-group"><div class="form-control selecet-file-control" ><button onclick="open_file_()" class="btn btn-info" type="button">Select Thumbnail</button><span class="video-file-name" id="image_name_">no_file_choosen</span><div id="post_video_prnt" class="hidden embed-responsive embed-responsive-16by9"><input type="file" id="post_image_thumb" onchange="get_image_(this)" name="thumb"></div></div></div>');
$("#embed-post-video").find(".fetch-url").addClass('hidden');
$("#embed-post-video").find(".iframe-renderer").slideDown(300);
$('#embed-iframe').attr('id','embed-iframe_');
}
else if(is_playtube_url(url,playtube_support) && playtube_links == 'on'){
video_id = is_playtube_url(url,playtube_support);
form.find('#embed').val('playtube');
form.find('#video_id').val(video_id);
$("#embed-iframe").html($('<iframe>',{
src: playtube_link +'/embed/'+video_id,
width: '100%',
height: '309px',
frameborder: 0
}));
$("#embed-post-video").find(".fetch-url").addClass('hidden');
$("#embed-post-video").find(".iframe-renderer").slideDown(300);
}
else{
$(".iframe-renderer").show();
$("#embed-post-video").find("#video_url_").attr('readonly', 'true');
$.post(link('posts/url_fetch'), {url: url}, function(data, textStatus, xhr) {
if (data.status == 200) {
extracted_images = data.images;
total_images = parseInt(data.images.length-1);
img_arr_pos = total_images;
$("#embed-post-video").find('.emojionearea-editor').text(data.title);
$("#embed-post-video").find('.emojionearea-editor').val(data.title);
$("#embed-post-video").find('textarea').text(data.title);
$("#embed-post-video").find('textarea').val(data.title);
$("#embed-iframe").html('<div class="image_from_url" id="url_thumb"><span class="image_from_url_1" id="thumb_prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></span><span class="image_from_url_2" id="thumb_next"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></span><input type="hidden" name="thumb_url" id="thumb_url" value="'+data.images[img_arr_pos]+'"></div><img src="'+data.images[img_arr_pos]+'" id="img_url" width="100%">');
$("#embed-post-video").find(".fetch-url").addClass('hidden');
$("#embed-post-video").find(".iframe-renderer").slideDown(300);
$('#embed-iframe').attr('id','embed-iframe_');
}
else{
$("body").removeClass('active');
$("#create-newpost").empty();
$(".loading_cont").addClass('hidden');
return false;
}
});
}
});
form.ajaxForm({
type:'POST',
dataType:'json',
processData: false,
beforeSend:function(){
if (form.find('#embed').val() == 'mp4' && !$('#post_image_thumb').val()) {
$(".selecet-file-control").addClass('active');
return false;
}
if (!form.find('#video_id').val() && !form.find('#thumb_url').val()) {
form.find('div.video-url').addClass('active');
return false;
}
form.find('button[type="submit"]').attr('disabled', 'true');
$(".loading_cont").removeClass('hidden');
},
success:function(data){
if (data.status == 200) {
$(".home-posts-container").prepend(data.html);
}
if (data.message) {
$.toast(data.message,{
duration: 5000,
type: '',
align: 'top-right',
singleton: false
});
}
$("body").removeClass('active');
$("#create-newpost").empty();
$(".loading_cont").addClass('hidden');
}
});
});
</script>