Server IP : 103.119.228.120 / Your IP : 3.142.198.51 Web Server : Apache System : Linux v8.techscape8.com 3.10.0-1160.119.1.el7.tuxcare.els2.x86_64 #1 SMP Mon Jul 15 12:09:18 UTC 2024 x86_64 User : nobody ( 99) PHP Version : 5.6.40 Disable Function : shell_exec,symlink,system,exec,proc_get_status,proc_nice,proc_terminate,define_syslog_variables,syslog,openlog,closelog,escapeshellcmd,passthru,ocinum cols,ini_alter,leak,listen,chgrp,apache_note,apache_setenv,debugger_on,debugger_off,ftp_exec,dl,dll,myshellexec,proc_open,socket_bind,proc_close,escapeshellarg,parse_ini_filepopen,fpassthru,exec,passthru,escapeshellarg,escapeshellcmd,proc_close,proc_open,ini_alter,popen,show_source,proc_nice,proc_terminate,proc_get_status,proc_close,pfsockopen,leak,apache_child_terminate,posix_kill,posix_mkfifo,posix_setpgid,posix_setsid,posix_setuid,dl,symlink,shell_exec,system,dl,passthru,escapeshellarg,escapeshellcmd,myshellexec,c99_buff_prepare,c99_sess_put,fpassthru,getdisfunc,fx29exec,fx29exec2,is_windows,disp_freespace,fx29sh_getupdate,fx29_buff_prepare,fx29_sess_put,fx29shexit,fx29fsearch,fx29ftpbrutecheck,fx29sh_tools,fx29sh_about,milw0rm,imagez,sh_name,myshellexec,checkproxyhost,dosyayicek,c99_buff_prepare,c99_sess_put,c99getsource,c99sh_getupdate,c99fsearch,c99shexit,view_perms,posix_getpwuid,posix_getgrgid,posix_kill,parse_perms,parsesort,view_perms_color,set_encoder_input,ls_setcheckboxall,ls_reverse_all,rsg_read,rsg_glob,selfURL,dispsecinfo,unix2DosTime,addFile,system,get_users,view_size,DirFiles,DirFilesWide,DirPrintHTMLHeaders,GetFilesTotal,GetTitles,GetTimeTotal,GetMatchesCount,GetFileMatchesCount,GetResultFiles,fs_copy_dir,fs_copy_obj,fs_move_dir,fs_move_obj,fs_rmdir,SearchText,getmicrotime MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/blocks/ |
Upload File : |
import { useState, useEffect, useRef } from '@wordpress/element'; export const RenderVideoBlock = (props) => { const { _props, tag, data } = props; const { setAttributes, isSelected } = _props; const { id, atts : attributes, tmp} = data; useEffect(() => { pagelayer_pl_video(pagelayer_query(`.p-${id}`)); }); useEffect(()=>{ var jEle = pagelayer_query(`.p-${id}`); var vidOverlay = jEle.find('.pagelayer-video-overlay'); if(vidOverlay.length > 0){ vidOverlay.show(); } }, [attributes]) var videoUrl = pagelayer_empty(tmp['src-url']) ? attributes['src'] : tmp['src-url']; var vid_atts = pagelayer_video_url(videoUrl, true); if('src' in vid_atts && !pagelayer_empty(vid_atts['src'])){ vid_atts['src'] += (vid_atts['src'].indexOf('?') == -1 ? '?' : ''); if('autoplay' in attributes){ vid_atts['src'] += '&autoplay=1'; } else { vid_atts['src'] += '&autoplay=0'; } if ('mute' in attributes) { var mute = attributes['mute'] === 'true' ? 1 : 0; vid_atts['src'] += '&' + (vid_atts['type'] == 'vimeo' ? 'muted' : 'mute') + '=' + mute; } if ('loop' in attributes) { vid_atts['src'] += '&loop=1'; } attributes['vid_src'] = vid_atts['src']+(vid_atts['type'] == 'youtube' ? '&playlist='+vid_atts['id'] : ''); } return ( <> <div className={`pagelayer-video-holder pagelayer-video-${attributes?.video_ratio}`}> {attributes?.vid_src && ( <iframe id="embed_video" className="pagelayer-video-iframe" width="100%" height="auto" src={attributes?.vid_src} frameborder={0} > </iframe> )} {attributes?.lightbox ? ( <a href={videoUrl} > {attributes?.overlay && ( <div className="pagelayer-video-overlay" style={{ backgroundImage: `url(${tmp['video_overlay_image-url']})` }}> <i className={attributes.play_icon} aria-hidden="true"></i> </div> )} </a> ) : ( <> {attributes?.overlay && ( <div className="pagelayer-video-overlay" style={{ backgroundImage: `url(${tmp['video_overlay_image-url']})`}}> <i className={attributes.play_icon} aria-hidden="true"></i> </div> )} </> )} {!isSelected && ( <div className="pagelayer-video-edit"> <span className="fa fa-pencil"></span> </div> )} </div> </> ); }