文件操作 - video.php

文件: /root/Desktop/OLD/wp-pagebuilder/addons/video/video.php

编辑文件内容

<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

class WPPB_Addon_Video{

public function get_name(){
		return 'wppb_video';
	}
	public function get_title(){
		return 'Video';
	}
	public function get_icon() {
		return 'wppb-font-video';
	}

// Video Settings Fields
	public function get_settings() {
		$settings = array(
			'video_type' => array(
				'type' => 'select',
				'title' => __('Video Source','wp-pagebuilder'),
				'values' => array(
					'youtube' => __('Youtube','wp-pagebuilder'),
					'vimeo' => __('Vimeo','wp-pagebuilder'),
					'self-hosted' => __('Self-hosted','wp-pagebuilder'),
				),
				'std' => 'youtube',
			),
			'video_url' => array(
				'type' => 'text',
				'title' => __('Video URL','wp-pagebuilder'),
				'std' => 'https://www.youtube.com/watch?v=_dhApw73KYU'
			),
			'video_hide_logo' => array(
				'type' => 'switch',
				'title' => __('Logo','wp-pagebuilder'),
				'std' => '1',
				'depends' => array(array('video_type', '=', 'youtube')),
			),
			'video_controls' => array(
				'type' => 'switch',
				'title' => __('Controls','wp-pagebuilder'),
				'std' => '1',
				'depends' => array(array('video_type', '=', 'youtube')),
			),
			//style
			'video_width' => array(
				'type' => 'slider',
				'title' => __('Width','wp-pagebuilder'),
				'responsive' => true,
				'tab' => 'style',
				'std' => array(
					'md' => '100%',
					'sm' => '',
					'xs' => '',
				),
				'unit' => array( 'px','%','em' ),
				'range' => array(
					'em' => array(
						'min' => 0,
						'max' => 90,
						'step' =>.1,
					),
					'px' => array(
						'min' => 0,
						'max' => 500,
						'step' =>1,
					),
					'%' => array(
						'min' => 0,
						'max' => 100,
						'step' => 1,
					),
				),
				'selector' => '{{SELECTOR}} .wppb-video-block.wppb-embed-responsive iframe { width: {{data.video_width}}; }'
			),
			'video_height' => array(
				'type' => 'slider',
				'title' => __('Height','wp-pagebuilder'),
				'responsive' => true,
				'tab' => 'style',
				'std' => array(
					'md' => '100%',
					'sm' => '',
					'xs' => '',
				),
				'unit' => array( 'px','%','em' ),
				'range' => array(
						'em' => array(
							'min' => 0,
							'max' => 90,
							'step' =>.1,
						),
						'px' => array(
							'min' => 0,
							'max' => 500,
							'step' =>1,
						),
						'%' => array(
							'min' => 0,
							'max' => 100,
							'step' => 1,
						),
				),
				'selector' => '{{SELECTOR}} .wppb-video-block.wppb-embed-responsive iframe { height: {{data.video_height}}; }'
			),
			'video_radius' => array(
				'type' => 'dimension',
				'title' => __('Border Radius','wp-pagebuilder'),
				'responsive' => true,
				'tab' => 'style',
				'unit' => array( 'px','%','em' ),
				'selector' => '{{SELECTOR}} .wppb-video-block.wppb-embed-responsive{ border-radius: {{data.video_radius}}; }'
			),
		);

return $settings;
	}

// Video Render HTML
	public function render($data = null){
		$settings 		= $data['settings'];
		$video_url 		= isset($settings['video_url']) ? $settings['video_url'] : '';
		$video_controls = isset($settings['video_controls']) ? $settings['video_controls'] : '';
		$video_hide_logo = isset($settings['video_hide_logo']) ? $settings['video_hide_logo'] : '';
		$output = '';
		if($video_url) {
			$video = parse_url($video_url);

switch($video['host']) {
				case 'youtu.be':
				$id = trim($video['path'],'/');
				$src = '//www.youtube.com/embed/' . $id.'?controls='.esc_attr($video_controls).'&modestbranding='.esc_attr($video_hide_logo);
				break;

case 'www.youtube.com':
				case 'youtube.com':
				parse_str($video['query'], $query);
				$id = $query['v'];
				$src = '//www.youtube.com/embed/' . $id.'?controls='.esc_attr($video_controls).'&modestbranding='.esc_attr($video_hide_logo);
				break;

case 'vimeo.com':
				case 'www.vimeo.com':
				$id = trim($video['path'],'/');
				$src = "//player.vimeo.com/video/{$id}";
			}
			$output  .= '<div class="wppb-video-addon">';
			$output  .= '<div class="wppb-video-content">';
			$output .= '<div class="wppb-video-block wppb-embed-responsive wppb-embed-responsive-16by9">';
			$output .= '<iframe class="wppb-embed-responsive-item" src="' . $src . '" allowFullScreen></iframe>';
			$output .= '</div>';
			$output .= '</div>';
			$output .= '</div>';
			return $output;
		}
		return $output;
	}

// headline Template
	public function getTemplate(){
		$output = '
		<#
			let videoUrl = data.video_url || ""
			let embedSrc = ""

if ( videoUrl ) {
				let tempAchor = document.createElement("a")
						tempAchor.href = videoUrl

let videoObj = {
						host    :   tempAchor.hostname,
						path    :   tempAchor.pathname,
						query   :   tempAchor.search.substr(tempAchor.search.indexOf("?") + 1)
					}

switch( videoObj.host ){
					case "youtu.be":
						var videoId = videoObj.path.trim();
								embedSrc = "//www.youtube.com/embed"+ videoId + "?controls="+data.video_controls+"&modestbranding="+data.video_hide_logo
						break;

case "www.youtube.com":
					case "youtube.com":
						var queryStr = videoObj.query.split("=");
								embedSrc = "//www.youtube.com/embed/"+ queryStr[1] + "?controls="+data.video_controls+"&modestbranding="+data.video_hide_logo
						break;

case "www.vimeo.com":
					case "vimeo.com":
						var videoId = videoObj.path.trim();
								embedSrc = "//player.vimeo.com/video"+ videoId
						break;
				}
			}
		#>
		<div class="wppb-video-addon">
			<div class="wppb-video-content">
				<div class="wppb-iframe-drag-overlay"></div>
				<div class="wppb-video-block wppb-embed-responsive wppb-embed-responsive-16by9">
				<# if(embedSrc){ #>
					<iframe class="wppb-embed-responsive-item" src=\'{{ embedSrc }}\' allowFullScreen></iframe>
				<# } #>
				</div>
			</div>
		</div>
		';
		return $output;
	}

}

文件操作 - video.php

文件: /root/Desktop/OLD/wp-pagebuilder/addons/video/video.php

编辑文件内容

修改文件时间

删除文件