812 lines
32 KiB
PHP
812 lines
32 KiB
PHP
<?php
|
|
/**
|
|
* VideoPress playback module markup generator.
|
|
*
|
|
* @since 1.3
|
|
*/
|
|
class VideoPress_Player {
|
|
/**
|
|
* Video data for the requested guid and maximum width
|
|
*
|
|
* @since 1.3
|
|
* @var VideoPress_Video
|
|
*/
|
|
protected $video;
|
|
|
|
/**
|
|
* DOM identifier of the video container
|
|
*
|
|
* @var string
|
|
* @since 1.3
|
|
*/
|
|
protected $video_container_id;
|
|
|
|
/**
|
|
* DOM identifier of the video element (video, object, embed)
|
|
*
|
|
* @var string
|
|
* @since 1.3
|
|
*/
|
|
protected $video_id;
|
|
|
|
/**
|
|
* Array of playback options: force_flash or freedom
|
|
*
|
|
* @var array
|
|
* @since 1.3
|
|
*/
|
|
protected $options;
|
|
|
|
/**
|
|
* Array of video GUIDs shown and their counts,
|
|
* moved from the old VideoPress class.
|
|
*/
|
|
public static $shown = array();
|
|
|
|
/**
|
|
* Initiate a player object based on shortcode values and possible blog-level option overrides
|
|
*
|
|
* @since 1.3
|
|
* @var string $guid VideoPress unique identifier
|
|
* @var int $maxwidth maximum desired width of the video player if specified
|
|
* @var array $options player customizations
|
|
*/
|
|
public function __construct( $guid, $maxwidth = 0, $options = array() ) {
|
|
if ( empty( self::$shown[ $guid ] ) )
|
|
self::$shown[ $guid ] = 0;
|
|
|
|
self::$shown[ $guid ]++;
|
|
|
|
$this->video_container_id = 'v-' . $guid . '-' . self::$shown[ $guid ];
|
|
$this->video_id = $this->video_container_id . '-video';
|
|
|
|
if ( is_array( $options ) )
|
|
$this->options = $options;
|
|
else
|
|
$this->options = array();
|
|
|
|
// set up the video
|
|
$cache_key = null;
|
|
|
|
// disable cache in debug mode
|
|
if ( defined('WP_DEBUG') && WP_DEBUG === true ) {
|
|
$cached_video = null;
|
|
} else {
|
|
$cache_key_pieces = array( 'video' );
|
|
|
|
if ( is_multisite() && is_subdomain_install() )
|
|
$cache_key_pieces[] = get_current_blog_id();
|
|
|
|
$cache_key_pieces[] = $guid;
|
|
if ( $maxwidth > 0 )
|
|
$cache_key_pieces[] = $maxwidth;
|
|
if ( is_ssl() )
|
|
$cache_key_pieces[] = 'ssl';
|
|
$cache_key = implode( '-', $cache_key_pieces );
|
|
unset( $cache_key_pieces );
|
|
$cached_video = wp_cache_get( $cache_key, 'video' );
|
|
}
|
|
if ( empty( $cached_video ) ) {
|
|
$video = new VideoPress_Video( $guid, $maxwidth );
|
|
if ( empty( $video ) ) {
|
|
return;
|
|
} elseif ( isset( $video->error ) ) {
|
|
$this->video = $video->error;
|
|
return;
|
|
} elseif ( is_wp_error( $video ) ) {
|
|
$this->video = $video;
|
|
return;
|
|
}
|
|
|
|
$this->video = $video;
|
|
unset( $video );
|
|
|
|
if ( ! defined( 'WP_DEBUG' ) || WP_DEBUG !== true ) {
|
|
$expire = 3600;
|
|
if ( isset( $video->expires ) && is_int( $video->expires ) ) {
|
|
$expires_diff = time() - $video->expires;
|
|
if ( $expires_diff > 0 && $expires_diff < 86400 ) // allowed range: 1 second to 1 day
|
|
$expire = $expires_diff;
|
|
unset( $expires_diff );
|
|
}
|
|
|
|
wp_cache_set( $cache_key, serialize( $this->video ), 'video', $expire );
|
|
unset( $expire );
|
|
}
|
|
} else {
|
|
$this->video = unserialize( $cached_video );
|
|
}
|
|
unset( $cache_key );
|
|
unset( $cached_video );
|
|
}
|
|
|
|
/**
|
|
* Wrap output in a VideoPress player container
|
|
*
|
|
* @since 1.3
|
|
* @var string $content HTML string
|
|
* @return string HTML string or blank string if nothing to wrap
|
|
*/
|
|
private function html_wrapper( $content ) {
|
|
if ( empty( $content ) )
|
|
return '';
|
|
else
|
|
return '<div id="' . esc_attr( $this->video_container_id ) . '" class="video-player">' . $content . '</div>';
|
|
}
|
|
|
|
/**
|
|
* Output content suitable for a feed reader displaying RSS or Atom feeds
|
|
* We do not display error messages in the feed view due to caching concerns.
|
|
* Flash content presented using <embed> markup for feed reader compatibility.
|
|
*
|
|
* @since 1.3
|
|
* @return string HTML string or empty string if error
|
|
*/
|
|
public function asXML() {
|
|
if ( empty( $this->video ) || is_wp_error( $this->video ) )
|
|
return '';
|
|
|
|
if ( isset( $this->options['freedom'] ) && $this->options['freedom'] === true )
|
|
$content = $this->html5_static();
|
|
else
|
|
$content = $this->flash_embed();
|
|
|
|
return $this->html_wrapper( $content );
|
|
}
|
|
|
|
/**
|
|
* Video player markup for best matching the current request and publisher options
|
|
* @since 1.3
|
|
* @return string HTML markup string or empty string if no video property found
|
|
*/
|
|
public function asHTML() {
|
|
if ( empty( $this->video ) ) {
|
|
$content = '';
|
|
} elseif ( is_wp_error( $this->video ) ) {
|
|
$content = $this->error_message( $this->video );
|
|
} elseif ( isset( $this->options['force_flash'] ) && $this->options['force_flash'] === true ) {
|
|
$content = $this->flash_object();
|
|
} elseif ( isset( $this->video->restricted_embed ) && $this->video->restricted_embed === true ) {
|
|
if( $this->options['forcestatic'] )
|
|
$content = $this->flash_object();
|
|
else
|
|
$content = $this->html5_dynamic();
|
|
} elseif ( isset( $this->options['freedom'] ) && $this->options['freedom'] === true ) {
|
|
$content = $this->html5_static();
|
|
} else {
|
|
$content = $this->html5_dynamic();
|
|
}
|
|
return $this->html_wrapper( $content );
|
|
}
|
|
|
|
/**
|
|
* Display an error message to users capable of doing something about the error
|
|
*
|
|
* @since 1.3
|
|
* @uses current_user_can() to test if current user has edit_posts capability
|
|
* @var WP_Error $error WordPress error
|
|
* @return string HTML string
|
|
*/
|
|
private function error_message( $error ) {
|
|
if ( ! current_user_can( 'edit_posts' ) || empty( $error ) )
|
|
return '';
|
|
|
|
$html = '<div class="videopress-error" style="background-color:rgb(255,0,0);color:rgb(255,255,255);font-family:font-family:\'Helvetica Neue\',Arial,Helvetica,\'Nimbus Sans L\',sans-serif;font-size:140%;min-height:10em;padding-top:1.5em;padding-bottom:1.5em">';
|
|
$html .= '<h1 style="font-size:180%;font-style:bold;line-height:130%;text-decoration:underline">' . esc_html( sprintf( __( '%s Error', 'jetpack' ), 'VideoPress' ) ) . '</h1>';
|
|
foreach( $error->get_error_messages() as $message ) {
|
|
$html .= $message;
|
|
}
|
|
$html .= '</div>';
|
|
return $html;
|
|
}
|
|
|
|
/**
|
|
* Rating agencies and industry associations require a potential viewer verify his or her age before a video or its poster frame are displayed.
|
|
* Content rated for audiences 17 years of age or older requires such verification across multiple rating agencies and industry associations
|
|
*
|
|
* @since 1.3
|
|
* @return bool true if video requires the viewer verify he or she is 17 years of age or older
|
|
*/
|
|
private function age_gate_required() {
|
|
if ( isset( $this->video->age_rating ) && $this->video->age_rating >= 17 )
|
|
return true;
|
|
else
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Select a date of birth using HTML form elements.
|
|
*
|
|
* @since 1.5
|
|
* @return string HTML markup
|
|
*/
|
|
private function html_age_gate() {
|
|
global $wp_locale;
|
|
$text_align = 'left';
|
|
if ( $this->video->text_direction === 'rtl' )
|
|
$text_align = 'right';
|
|
|
|
$html = '<div class="videopress-age-gate" style="margin:0 60px">';
|
|
$html .= '<p class="instructions" style="color:rgb(255, 255, 255);font-size:21px;padding-top:60px;padding-bottom:20px;text-align:' . $text_align . '">' . esc_html( __( 'This video is intended for mature audiences.', 'jetpack' ) ) . '<br />' . esc_html( __( 'Please verify your birthday.', 'jetpack' ) ) . '</p>';
|
|
$html .= '<fieldset id="birthday" style="border:0 none;text-align:' . $text_align . ';padding:0;">';
|
|
$inputs_style = 'border:1px solid #444;margin-';
|
|
if ( $this->video->text_direction === 'rtl' )
|
|
$inputs_style .= 'left';
|
|
else
|
|
$inputs_style .= 'right';
|
|
$inputs_style .= ':10px;background-color:rgb(0, 0, 0);font-size:14px;color:rgb(255,255,255);padding:4px 6px;line-height: 2em;vertical-align: middle';
|
|
|
|
/**
|
|
* Display a list of months in the Gregorian calendar.
|
|
* Set values to 0-based to match JavaScript Date.
|
|
* @link https://developer.mozilla.org/en/JavaScript/Reference/global_objects/date Mozilla JavaScript Reference: Date
|
|
*/
|
|
$html .= '<select name="month" style="' . $inputs_style . '">';
|
|
|
|
for( $i=0; $i<12; $i++ ) {
|
|
$html .= '<option value="' . esc_attr( $i ) . '">' . esc_html( $wp_locale->get_month( $i + 1 ) ) . '</option>';
|
|
}
|
|
$html .= '</select>';
|
|
|
|
/**
|
|
* todo: numdays variance by month
|
|
*/
|
|
$html .= '<select name="day" style="' . $inputs_style . '">';
|
|
for ( $i=1; $i<32; $i++ ) {
|
|
$html .= '<option>' . $i . '</option>';
|
|
}
|
|
$html .= '</select>';
|
|
|
|
/**
|
|
* Current record for human life is 122. Go back 130 years and no one is left out.
|
|
* Don't ask infants younger than 2 for their birthday
|
|
* Default to 13
|
|
*/
|
|
$html .= '<select name="year" style="' . $inputs_style . '">';
|
|
$start_year = date('Y') - 2;
|
|
$default_year = $start_year - 11;
|
|
$end_year = $start_year - 128;
|
|
for ( $year=$start_year; $year>$end_year; $year-- ) {
|
|
$html .= '<option';
|
|
if ( $year === $default_year )
|
|
$html .= ' selected="selected"';
|
|
$html .= '>' . $year . '</option>';
|
|
}
|
|
unset( $start_year );
|
|
unset( $default_year );
|
|
unset( $end_year );
|
|
$html .= '</select>';
|
|
|
|
$html .= '<input type="submit" value="' . __( 'Submit', 'jetpack' ) . '" style="cursor:pointer;border-radius: 1em;border:1px solid #333;background-color:#333;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.0, #444), color-stop(1, #111) );background:-moz-linear-gradient(center top, #444 0%, #111 100%);font-size:13px;padding:4px 10px 5px;line-height:1em;vertical-align:top;color:white;text-decoration:none;margin:0" />';
|
|
|
|
$html .= '</fieldset>';
|
|
$html .= '<p style="padding-top:20px;padding-bottom:60px;text-align:' . $text_align . ';"><a rel="nofollow" href="http://videopress.com/" target="_blank" style="color:rgb(128,128,128);text-decoration:underline;font-size:15px">' . __( 'More information', 'jetpack' ) . '</a></p>';
|
|
|
|
$html .= '</div>';
|
|
return $html;
|
|
}
|
|
|
|
/**
|
|
* Return HTML5 video static markup for the given video parameters.
|
|
* Use default browser player controls.
|
|
* No Flash fallback.
|
|
*
|
|
* @since 1.2
|
|
* @link http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html HTML5 video
|
|
* @return string HTML5 video element and children
|
|
*/
|
|
private function html5_static() {
|
|
wp_enqueue_script( 'videopress' );
|
|
$thumbnail = esc_url( $this->video->poster_frame_uri );
|
|
$html = "<video id=\"{$this->video_id}\" width=\"{$this->video->calculated_width}\" height=\"{$this->video->calculated_height}\" poster=\"$thumbnail\" controls=\"true\"";
|
|
if ( isset( $this->options['autoplay'] ) && $this->options['autoplay'] === true )
|
|
$html .= ' autoplay="true"';
|
|
else
|
|
$html .= ' preload="metadata"';
|
|
if ( isset( $this->video->text_direction ) )
|
|
$html .= ' dir="' . esc_attr( $this->video->text_direction ) . '"';
|
|
if ( isset( $this->video->language ) )
|
|
$html .= ' lang="' . esc_attr( $this->video->language ) . '"';
|
|
$html .= '>';
|
|
if ( ! isset( $this->options['freedom'] ) || $this->options['freedom'] === false ) {
|
|
$mp4 = $this->video->videos->mp4->url;
|
|
if ( ! empty( $mp4 ) )
|
|
$html .= '<source src="' . esc_url( $mp4 ) . '" type="video/mp4; codecs="' . esc_attr( $this->video->videos->mp4->codecs ) . '"" />';
|
|
unset( $mp4 );
|
|
}
|
|
$ogg = $this->video->videos->ogv->url;
|
|
if ( ! empty( $ogg ) )
|
|
$html .= '<source src="' . esc_url( $ogg ) . '" type="video/ogg; codecs="' . esc_attr( $this->video->videos->ogv->codecs ) . '"" />';
|
|
unset( $ogg );
|
|
|
|
$html .= '<div><img alt="';
|
|
if ( isset( $this->video->title ) )
|
|
$html .= esc_attr( $this->video->title );
|
|
$html .= '" src="' . $thumbnail . '" width="' . $this->video->calculated_width . '" height="' . $this->video->calculated_height . '" /></div>';
|
|
if ( isset( $this->options['freedom'] ) && $this->options['freedom'] === true )
|
|
$html .= '<p class="robots-nocontent">' . sprintf( __( 'You do not have sufficient <a rel="nofollow" href="%s" target="_blank">freedom levels</a> to view this video. Support free software and upgrade.', 'jetpack' ), 'http://www.gnu.org/philosophy/free-sw.html' ) . '</p>';
|
|
elseif ( isset( $this->video->title ) )
|
|
$html .= '<p>' . esc_html( $this->video->title ) . '</p>';
|
|
$html .= '</video>';
|
|
return $html;
|
|
}
|
|
|
|
/**
|
|
* Click to play dynamic HTML5-capable player.
|
|
* The player displays a video preview section including poster frame,
|
|
* video title, play button and watermark on the original page load
|
|
* and calculates the playback capabilities of the browser. The video player
|
|
* is loaded when the visitor clicks on the video preview area.
|
|
* If Flash Player 10 or above is available the browser will display
|
|
* the Flash version of the video. If HTML5 video appears to be supported
|
|
* and the browser may be capable of MP4 (H.264, AAC) or OGV (Theora, Vorbis)
|
|
* playback the browser will display its native HTML5 player.
|
|
*
|
|
* @since 1.5
|
|
* @return string HTML markup
|
|
*/
|
|
private function html5_dynamic() {
|
|
|
|
/**
|
|
* Filter the VideoPress legacy player feature
|
|
*
|
|
* This filter allows you to control whether the legacy VideoPress player should be used
|
|
* instead of the improved one.
|
|
*
|
|
* @module videopress
|
|
*
|
|
* @since 3.7.0
|
|
*
|
|
* @param boolean $videopress_use_legacy_player
|
|
*/
|
|
if ( ! apply_filters( 'jetpack_videopress_use_legacy_player', false ) ) {
|
|
return $this->html5_dynamic_next();
|
|
}
|
|
|
|
wp_enqueue_script( 'videopress' );
|
|
$video_placeholder_id = $this->video_container_id . '-placeholder';
|
|
$age_gate_required = $this->age_gate_required();
|
|
$width = absint( $this->video->calculated_width );
|
|
$height = absint( $this->video->calculated_height );
|
|
|
|
$html = '<div id="' . $video_placeholder_id . '" class="videopress-placeholder" style="';
|
|
if ( $age_gate_required )
|
|
$html .= "min-width:{$width}px;min-height:{$height}px";
|
|
else
|
|
$html .= "width:{$width}px;height:{$height}px";
|
|
$html .= ';display:none;cursor:pointer !important;position:relative;';
|
|
if ( isset( $this->video->skin ) && isset( $this->video->skin->background_color ) )
|
|
$html .= 'background-color:' . esc_attr( $this->video->skin->background_color ) . ';';
|
|
$html .= 'font-family: \'Helvetica Neue\',Arial,Helvetica,\'Nimbus Sans L\',sans-serif;font-weight:bold;font-size:18px">' . PHP_EOL;
|
|
|
|
/**
|
|
* Do not display a poster frame, title, or any other content hints for mature content.
|
|
*/
|
|
if ( ! $age_gate_required ) {
|
|
if ( ! empty( $this->video->title ) ) {
|
|
$html .= '<div class="videopress-title" style="display:inline;position:absolute;margin:20px 20px 0 20px;padding:4px 8px;vertical-align:top;text-align:';
|
|
if ( $this->video->text_direction === 'rtl' )
|
|
$html .= 'right" dir="rtl"';
|
|
else
|
|
$html .= 'left" dir="ltr"';
|
|
if ( isset( $this->video->language ) )
|
|
$html .= ' lang="' . esc_attr( $this->video->language ) . '"';
|
|
$html .= '><span style="padding:3px 0;line-height:1.5em;';
|
|
if ( isset( $this->video->skin ) && isset( $this->video->skin->background_color ) ) {
|
|
$html .= 'background-color:';
|
|
if ( $this->video->skin->background_color === 'rgb(0,0,0)' )
|
|
$html .= 'rgba(0,0,0,0.8)';
|
|
else
|
|
$html .= esc_attr( $this->video->skin->background_color );
|
|
$html .= ';';
|
|
}
|
|
$html .= 'color:rgb(255,255,255)">' . esc_html( $this->video->title ) . '</span></div>';
|
|
}
|
|
$html .= '<img class="videopress-poster" alt="';
|
|
if ( ! empty( $this->video->title ) )
|
|
$html .= esc_attr( $this->video->title ) . '" title="' . esc_attr( sprintf( _x( 'Watch: %s', 'watch a video title', 'jetpack' ), $this->video->title ) );
|
|
$html .= '" src="' . esc_url( $this->video->poster_frame_uri, array( 'http', 'https' ) ) . '" width="' . $width . '" height="' . $height . '" />' . PHP_EOL;
|
|
|
|
//style a play button hovered over the poster frame
|
|
$html .= '<div class="play-button"><span style="z-index:2;display:block;position:absolute;top:50%;left:50%;text-align:center;vertical-align:middle;color:rgb(255,255,255);opacity:0.9;margin:0 0 0 -0.45em;padding:0;line-height:0;font-size:500%;text-shadow:0 0 40px rgba(0,0,0,0.5)">▶</span></div>' . PHP_EOL;
|
|
|
|
// watermark
|
|
if ( isset( $this->video->skin ) && isset( $this->video->skin->watermark ) ) {
|
|
$html .= '<div style="position:relative;margin-top:-40px;height:25px;margin-bottom:35px;';
|
|
if ( $this->video->text_direction === 'rtl' )
|
|
$html .= 'margin-left:20px;text-align:left;';
|
|
else
|
|
$html .= 'margin-right:20px;text-align:right;';
|
|
$html .= 'vertical-align:bottom;z-index:3">';
|
|
$html .= '<img alt="" src="' . esc_url( $this->video->skin->watermark, array( 'http', 'https' ) ) . '" width="90" height="13" style="background-color:transparent;background-image:none;background-repeat:no-repeat;border:none;margin:0;padding:0"/>';
|
|
$html .= '</div>' . PHP_EOL;
|
|
}
|
|
}
|
|
|
|
$data = array(
|
|
'blog' => absint( $this->video->blog_id ),
|
|
'post' => absint( $this->video->post_id ),
|
|
'duration'=> absint( $this->video->duration ),
|
|
'poster' => esc_url_raw( $this->video->poster_frame_uri, array( 'http', 'https' ) ),
|
|
'hd' => (bool) $this->options['hd']
|
|
);
|
|
if ( isset( $this->video->videos ) ) {
|
|
if ( isset( $this->video->videos->mp4 ) && isset( $this->video->videos->mp4->url ) )
|
|
$data['mp4'] = array( 'size' => $this->video->videos->mp4->format, 'uri' => esc_url_raw( $this->video->videos->mp4->url, array( 'http', 'https' ) ) );
|
|
if ( isset( $this->video->videos->ogv ) && isset( $this->video->videos->ogv->url ) )
|
|
$data['ogv'] = array( 'size' => 'std', 'uri' => esc_url_raw( $this->video->videos->ogv->url, array( 'http', 'https' ) ) );
|
|
}
|
|
$locale = array( 'dir' => $this->video->text_direction );
|
|
if ( isset( $this->video->language ) )
|
|
$locale['lang'] = $this->video->language;
|
|
$data['locale'] = $locale;
|
|
unset( $locale );
|
|
|
|
$guid = $this->video->guid;
|
|
$guid_js = json_encode( $guid );
|
|
$html .= '<script type="text/javascript">' . PHP_EOL;
|
|
$html .= 'jQuery(document).ready(function() {';
|
|
|
|
$html .= 'if ( !jQuery.VideoPress.data[' . json_encode($guid) . '] ) { jQuery.VideoPress.data[' . json_encode($guid) . '] = new Array(); }' . PHP_EOL;
|
|
$html .= 'jQuery.VideoPress.data[' . json_encode( $guid ) . '][' . self::$shown[ $guid ] . ']=' . json_encode($data) . ';' . PHP_EOL;
|
|
unset( $data );
|
|
|
|
$jq_container = json_encode( '#' . $this->video_container_id );
|
|
$jq_placeholder = json_encode( '#' . $video_placeholder_id );
|
|
$player_config = "{width:{$width},height:{$height},";
|
|
if ( isset( $this->options['freedom'] ) && $this->options['freedom'] === true )
|
|
$player_config .= 'freedom:"true",';
|
|
$player_config .= 'container:jQuery(' . $jq_container . ')}';
|
|
|
|
$html .= "jQuery({$jq_placeholder}).show(0,function(){jQuery.VideoPress.analytics.impression({$guid_js})});" . PHP_EOL;
|
|
|
|
if ( $age_gate_required ) {
|
|
$html .= 'if ( jQuery.VideoPress.support.flash() ) {' . PHP_EOL;
|
|
/**
|
|
* @link http://code.google.com/p/swfobject/wiki/api#swfobject.embedSWF(swfUrlStr,_replaceElemIdStr,_widthStr,_height
|
|
*/
|
|
$html .= 'swfobject.embedSWF(' . implode( ',', array(
|
|
'jQuery.VideoPress.video.flash.player_uri',
|
|
json_encode( $this->video_container_id ),
|
|
json_encode( $width ),
|
|
json_encode( $height ),
|
|
'jQuery.VideoPress.video.flash.min_version',
|
|
'jQuery.VideoPress.video.flash.expressinstall', // attempt to upgrade the Flash player if less than min_version. requires a 310x137 container or larger but we will always try to include
|
|
'{guid:' . $guid_js . '}', // FlashVars
|
|
'jQuery.VideoPress.video.flash.params',
|
|
'null', // no attributes
|
|
'jQuery.VideoPress.video.flash.embedCallback' // error fallback
|
|
) ) . ');';
|
|
$html .= '} else {' . PHP_EOL;
|
|
$html .= "if ( jQuery.VideoPress.video.prepare({$guid_js},{$player_config}," . self::$shown[ $guid ] . ') ) {' . PHP_EOL;
|
|
$html .= 'if ( jQuery(' . $jq_container . ').data( "player" ) === "flash" ){jQuery.VideoPress.video.play(jQuery(' . json_encode('#' . $this->video_container_id) . '));}else{';
|
|
$html .= 'jQuery(' . $jq_placeholder . ').html(' . json_encode( $this->html_age_date() ) . ');' . PHP_EOL;
|
|
$html .= 'jQuery(' . json_encode( '#' . $video_placeholder_id . ' input[type=submit]' ) . ').one("click", function(event){jQuery.VideoPress.requirements.isSufficientAge(jQuery(' . $jq_container . '),' . absint( $this->video->age_rating ) . ')});' . PHP_EOL;
|
|
$html .= '}}}' . PHP_EOL;
|
|
} else {
|
|
$html .= "if ( jQuery.VideoPress.video.prepare({$guid_js}, {$player_config}," . self::$shown[ $guid ] . ') ) {' . PHP_EOL;
|
|
if ( isset( $this->options['autoplay'] ) && $this->options['autoplay'] === true )
|
|
$html .= "jQuery.VideoPress.video.play(jQuery({$jq_container}));";
|
|
else
|
|
$html .= 'jQuery(' . $jq_placeholder . ').one("click",function(){jQuery.VideoPress.video.play(jQuery(' . $jq_container . '))});';
|
|
$html .= '}';
|
|
|
|
// close the jQuery(document).ready() function
|
|
$html .= '});';
|
|
}
|
|
$html .= '</script>' . PHP_EOL;
|
|
$html .= '</div>' . PHP_EOL;
|
|
|
|
/*
|
|
* JavaScript required
|
|
*/
|
|
$noun = __( 'this video', 'jetpack' );
|
|
if ( ! $age_gate_required ) {
|
|
$vid_type = '';
|
|
if ( ( isset( $this->options['freedom'] ) && $this->options['freedom'] === true ) && ( isset( $this->video->videos->ogv ) && isset( $this->video->videos->ogv->url ) ) )
|
|
$vid_type = 'ogv';
|
|
elseif ( isset( $this->video->videos->mp4 ) && isset( $this->video->videos->mp4->url ) )
|
|
$vid_type = 'mp4';
|
|
elseif ( isset( $this->video->videos->ogv ) && isset( $this->video->videos->ogv->url ) )
|
|
$vid_type = 'ogv';
|
|
|
|
if ( $vid_type !== '' ) {
|
|
$noun = '<a ';
|
|
if ( isset( $this->video->language ) )
|
|
$noun .= 'hreflang="' . esc_attr( $this->video->language ) . '" ';
|
|
if ( $vid_type === 'mp4' )
|
|
$noun .= 'type="video/mp4" href="' . esc_url( $this->video->videos->mp4->url, array( 'http', 'https' ) );
|
|
elseif ( $vid_type === 'ogv' )
|
|
$noun .= 'type="video/ogv" href="' . esc_url( $this->video->videos->ogv->url, array( 'http', 'https' ) );
|
|
$noun .= '">';
|
|
if ( isset( $this->video->title ) )
|
|
$noun .= esc_html( $this->video->title );
|
|
else
|
|
$noun .= __( 'this video', 'jetpack' );
|
|
$noun .= '</a>';
|
|
} elseif ( ! empty( $this->title ) ) {
|
|
$noun = esc_html( $this->title );
|
|
}
|
|
unset( $vid_type );
|
|
}
|
|
$html .= '<noscript><p>' . sprintf( _x( 'JavaScript required to play %s.', 'Play as in playback or view a movie', 'jetpack' ), $noun ) . '</p></noscript>';
|
|
|
|
return $html;
|
|
}
|
|
|
|
function html5_dynamic_next() {
|
|
$video_container_id = 'v-' . $this->video->guid;
|
|
|
|
// Must not use iframes for IE11 due to a fullscreen bug
|
|
if ( isset( $_SERVER['HTTP_USER_AGENT'] ) && stristr( $_SERVER['HTTP_USER_AGENT'], 'Trident/7.0; rv:11.0' ) ) {
|
|
$iframe_embed = false;
|
|
} else {
|
|
|
|
/**
|
|
* Filter the VideoPress iframe embed
|
|
*
|
|
* This filter allows you to control whether the videos will be embedded using an iframe.
|
|
* Set this to false in order to use an in-page embed rather than an iframe.
|
|
*
|
|
* @module videopress
|
|
*
|
|
* @since 3.7.0
|
|
*
|
|
* @param boolean $videopress_player_use_iframe
|
|
*/
|
|
$iframe_embed = apply_filters( 'jetpack_videopress_player_use_iframe', true );
|
|
}
|
|
|
|
if ( ! array_key_exists( 'hd', $this->options ) ) {
|
|
$this->options['hd'] = (bool) get_option( 'video_player_high_quality', false );
|
|
}
|
|
|
|
$videopress_options = array(
|
|
'width' => absint( $this->video->calculated_width ),
|
|
'height' => absint( $this->video->calculated_height ),
|
|
);
|
|
foreach ( $this->options as $option => $value ) {
|
|
switch ( $option ) {
|
|
case 'at':
|
|
if ( intval( $value ) ) {
|
|
$videopress_options[ $option ] = intval( $value );
|
|
}
|
|
break;
|
|
case 'autoplay':
|
|
$option = 'autoPlay';
|
|
case 'hd':
|
|
case 'loop':
|
|
case 'permalink':
|
|
if ( in_array( $value, array( 1, 'true' ) ) ) {
|
|
$videopress_options[ $option ] = true;
|
|
} elseif ( in_array( $value, array( 0, 'false' ) ) ) {
|
|
$videopress_options[ $option ] = false;
|
|
}
|
|
break;
|
|
case 'defaultlangcode':
|
|
$option = 'defaultLangCode';
|
|
if ( $value ) {
|
|
$videopress_options[ $option ] = $value;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
if ( $iframe_embed ) {
|
|
$iframe_url = "https://videopress.com/embed/{$this->video->guid}";
|
|
|
|
foreach ( $videopress_options as $option => $value ) {
|
|
if ( ! in_array( $option, array( 'width', 'height' ) ) ) {
|
|
|
|
// add_query_arg ignores false as a value, so replacing it with 0
|
|
$iframe_url = add_query_arg( $option, ( false === $value ) ? 0 : $value, $iframe_url );
|
|
}
|
|
}
|
|
|
|
$js_url = 'https://s0.wp.com/wp-content/plugins/video/assets/js/next/videopress-iframe.js';
|
|
$js_url = add_query_arg( 'jetpack_version', JETPACK__VERSION, $js_url );
|
|
|
|
return "<iframe width='" . esc_attr( $videopress_options['width'] )
|
|
. "' height='" . esc_attr( $videopress_options['height'] )
|
|
. "' src='" . esc_attr( $iframe_url )
|
|
. "' frameborder='0' allowfullscreen></iframe>"
|
|
. "<script src='" . esc_attr( $js_url ) . "'></script>";
|
|
|
|
} else {
|
|
$videopress_options = json_encode( $videopress_options );
|
|
$js_url = 'https://s0.wp.com/wp-content/plugins/video/assets/js/next/videopress.js';
|
|
$js_url = add_query_arg( 'jetpack_version', JETPACK__VERSION, $js_url );
|
|
|
|
return "<div id='{$video_container_id}'></div>
|
|
<script src='{$js_url}'></script>
|
|
<script>
|
|
videopress('{$this->video->guid}', document.querySelector('#{$video_container_id}'), {$videopress_options});
|
|
</script>";
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Only allow legitimate Flash parameters and their values
|
|
*
|
|
* @since 1.2
|
|
* @link http://kb2.adobe.com/cps/127/tn_12701.html Flash object and embed attributes
|
|
* @link http://kb2.adobe.com/cps/133/tn_13331.html devicefont
|
|
* @link http://kb2.adobe.com/cps/164/tn_16494.html allowscriptaccess
|
|
* @link http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html full screen mode
|
|
* @link http://livedocs.adobe.com/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00001079.html allownetworking
|
|
* @param array $flash_params Flash parameters expressed in key-value form
|
|
* @return array validated Flash parameters
|
|
*/
|
|
public static function esc_flash_params( $flash_params ) {
|
|
$allowed_params = array(
|
|
'swliveconnect' => array('true', 'false'),
|
|
'play' => array('true', 'false'),
|
|
'loop' => array('true', 'false'),
|
|
'menu' => array('true', 'false'),
|
|
'quality' => array('low', 'autolow', 'autohigh', 'medium', 'high', 'best'),
|
|
'scale' => array('default', 'noborder', 'exactfit', 'noscale'),
|
|
'align' => array('l', 'r', 't'),
|
|
'salign' => array('l', 'r', 't', 'tl', 'tr', 'bl', 'br'),
|
|
'wmode' => array('window', 'opaque', 'transparent','direct','gpu'),
|
|
'devicefont' => array('_sans', '_serif', '_typewriter'),
|
|
'allowscriptaccess' => array('always', 'samedomain', 'never'),
|
|
'allownetworking' => array('all','internal', 'none'),
|
|
'seamlesstabbing' => array('true', 'false'),
|
|
'allowfullscreen' => array('true', 'false'),
|
|
'fullScreenAspectRatio' => array('portrait', 'landscape'),
|
|
'base',
|
|
'bgcolor',
|
|
'flashvars'
|
|
);
|
|
|
|
$allowed_params_keys = array_keys( $allowed_params );
|
|
|
|
$filtered_params = array();
|
|
foreach( $flash_params as $param=>$value ) {
|
|
if ( empty($param) || empty($value) )
|
|
continue;
|
|
$param = strtolower($param);
|
|
if ( in_array($param, $allowed_params_keys) ) {
|
|
if ( isset( $allowed_params[$param] ) && is_array( $allowed_params[$param] ) ) {
|
|
$value = strtolower($value);
|
|
if ( in_array( $value, $allowed_params[$param] ) )
|
|
$filtered_params[$param] = $value;
|
|
} else {
|
|
$filtered_params[$param] = $value;
|
|
}
|
|
}
|
|
}
|
|
unset( $allowed_params_keys );
|
|
|
|
/**
|
|
* Flash specifies sameDomain, not samedomain. change from lowercase value for preciseness
|
|
*/
|
|
if ( isset( $filtered_params['allowscriptaccess'] ) && $filtered_params['allowscriptaccess'] === 'samedomain' )
|
|
$filtered_params['allowscriptaccess'] = 'sameDomain';
|
|
|
|
return $filtered_params;
|
|
}
|
|
|
|
/**
|
|
* Filter Flash variables from the response, taking into consideration player options.
|
|
*
|
|
* @since 1.3
|
|
* @return array Flash variable key value pairs
|
|
*/
|
|
private function get_flash_variables() {
|
|
if ( ! isset( $this->video->players->swf->vars ) )
|
|
return array();
|
|
|
|
$flashvars = (array) $this->video->players->swf->vars;
|
|
if ( isset( $this->options['autoplay'] ) && $this->options['autoplay'] === true )
|
|
$flashvars['autoPlay'] = 'true';
|
|
return $flashvars;
|
|
}
|
|
|
|
/**
|
|
* Validate and filter Flash parameters
|
|
*
|
|
* @since 1.3
|
|
* @return array Flash parameters passed through key and value validation
|
|
*/
|
|
private function get_flash_parameters() {
|
|
if ( ! isset( $this->video->players->swf->params ) )
|
|
return array();
|
|
else
|
|
return self::esc_flash_params(
|
|
/**
|
|
* Filters the Flash parameters of the VideoPress player.
|
|
*
|
|
* @module videopress
|
|
*
|
|
* @since 1.2.0
|
|
*
|
|
* @param array $this->video->players->swf->params Array of swf parameters for the VideoPress flash player.
|
|
*/
|
|
apply_filters( 'video_flash_params', (array) $this->video->players->swf->params, 10, 1 )
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Flash player markup in a HTML embed element.
|
|
*
|
|
* @since 1.1
|
|
* @link http://www.whatwg.org/specs/web-apps/current-work/multipage/the-iframe-element.html#the-embed-element embed element
|
|
* @link http://www.google.com/support/reader/bin/answer.py?answer=70664 Google Reader markup support
|
|
* @return string HTML markup. Embed element with no children
|
|
*/
|
|
private function flash_embed() {
|
|
wp_enqueue_script( 'videopress' );
|
|
if ( ! isset( $this->video->players->swf ) || ! isset( $this->video->players->swf->url ) )
|
|
return '';
|
|
|
|
$embed = array(
|
|
'id' => $this->video_id,
|
|
'src' => esc_url_raw( $this->video->players->swf->url . '&' . http_build_query( $this->get_flash_variables(), null, '&' ) , array( 'http', 'https' ) ),
|
|
'type' => 'application/x-shockwave-flash',
|
|
'width' => $this->video->calculated_width,
|
|
'height' => $this->video->calculated_height
|
|
);
|
|
if ( isset( $this->video->title ) )
|
|
$embed['title'] = $this->video->title;
|
|
$embed = array_merge( $embed, $this->get_flash_parameters() );
|
|
|
|
$html = '<embed';
|
|
foreach ( $embed as $attribute => $value ) {
|
|
$html .= ' ' . esc_html( $attribute ) . '="' . esc_attr( $value ) . '"';
|
|
}
|
|
unset( $embed );
|
|
$html .= '></embed>';
|
|
return $html;
|
|
}
|
|
|
|
/**
|
|
* Double-baked Flash object markup for Internet Explorer and more standards-friendly consuming agents.
|
|
*
|
|
* @since 1.1
|
|
* @return HTML markup. Object and children.
|
|
*/
|
|
private function flash_object() {
|
|
wp_enqueue_script( 'videopress' );
|
|
if ( ! isset( $this->video->players->swf ) || ! isset( $this->video->players->swf->url ) )
|
|
return '';
|
|
|
|
$thumbnail_html = '<img alt="';
|
|
if ( isset( $this->video->title ) )
|
|
$thumbnail_html .= esc_attr( $this->video->title );
|
|
$thumbnail_html .= '" src="' . esc_url( $this->video->poster_frame_uri, array( 'http', 'https' ) ) . '" width="' . $this->video->calculated_width . '" height="' . $this->video->calculated_height . '" />';
|
|
$flash_vars = esc_attr( http_build_query( $this->get_flash_variables(), null, '&' ) );
|
|
$flash_params = '';
|
|
foreach ( $this->get_flash_parameters() as $attribute => $value ) {
|
|
$flash_params .= '<param name="' . esc_attr( $attribute ) . '" value="' . esc_attr( $value ) . '" />';
|
|
}
|
|
$flash_help = sprintf( __( 'This video requires <a rel="nofollow" href="%s" target="_blank">Adobe Flash</a> for playback.', 'jetpack' ), 'http://www.adobe.com/go/getflashplayer');
|
|
$flash_player_url = esc_url( $this->video->players->swf->url, array( 'http', 'https' ) );
|
|
$description = '';
|
|
if ( isset( $this->video->title ) ) {
|
|
$standby = $this->video->title;
|
|
$description = '<p><strong>' . esc_html( $this->video->title ) . '</strong></p>';
|
|
} else {
|
|
$standby = __( 'Loading video...', 'jetpack' );
|
|
}
|
|
$standby = ' standby="' . esc_attr( $standby ) . '"';
|
|
return <<<OBJECT
|
|
<script type="text/javascript">if(typeof swfobject!=="undefined"){swfobject.registerObject("{$this->video_id}", "{$this->video->players->swf->version}");}</script>
|
|
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{$this->video->calculated_width}" height="{$this->video->calculated_height}" id="{$this->video_id}"{$standby}>
|
|
<param name="movie" value="{$flash_player_url}" />
|
|
{$flash_params}
|
|
<param name="flashvars" value="{$flash_vars}" />
|
|
<!--[if !IE]>-->
|
|
<object type="application/x-shockwave-flash" data="{$flash_player_url}" width="{$this->video->calculated_width}" height="{$this->video->calculated_height}"{$standby}>
|
|
{$flash_params}
|
|
<param name="flashvars" value="{$flash_vars}" />
|
|
<!--<![endif]-->
|
|
{$thumbnail_html}{$description}<p class="robots-nocontent">{$flash_help}</p>
|
|
<!--[if !IE]>-->
|
|
</object>
|
|
<!--<![endif]-->
|
|
</object>
|
|
OBJECT;
|
|
}
|
|
}
|