1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
|
<?php
/**
* Load the Responsive videos plugin
*/
function jetpack_responsive_videos_init() {
/* If the doesn't theme support 'jetpack-responsive-videos', don't continue */
if ( ! current_theme_supports( 'jetpack-responsive-videos' ) ) {
return;
}
/* If the theme does support 'jetpack-responsive-videos', wrap the videos */
add_filter( 'wp_video_shortcode', 'jetpack_responsive_videos_embed_html' );
add_filter( 'video_embed_html', 'jetpack_responsive_videos_embed_html' );
/* Only wrap oEmbeds if video */
add_filter( 'embed_oembed_html', 'jetpack_responsive_videos_maybe_wrap_oembed', 10, 2 );
add_filter( 'embed_handler_html', 'jetpack_responsive_videos_maybe_wrap_oembed', 10, 2 );
/* Wrap videos in Buddypress */
add_filter( 'bp_embed_oembed_html', 'jetpack_responsive_videos_embed_html' );
/* Wrap Slideshare shortcodes */
add_filter( 'jetpack_slideshare_shortcode', 'jetpack_responsive_videos_embed_html' );
// Remove the Jetpack Responsive video wrapper in embed blocks on sites that support core Responsive embeds.
if ( current_theme_supports( 'responsive-embeds' ) ) {
add_filter( 'render_block', 'jetpack_responsive_videos_remove_wrap_oembed', 10, 2 );
}
}
add_action( 'after_setup_theme', 'jetpack_responsive_videos_init', 99 );
/**
* Adds a wrapper to videos and enqueue script
*
* @return string
*/
function jetpack_responsive_videos_embed_html( $html ) {
if ( empty( $html ) || ! is_string( $html ) ) {
return $html;
}
// Short-circuit for AMP responses, since custom scripts are not allowed in AMP and videos are naturally responsive.
if ( class_exists( 'Jetpack_AMP_Support' ) && Jetpack_AMP_Support::is_amp_request() ) {
return $html;
}
// The customizer video widget wraps videos with a class of wp-video
// mejs as of 4.9 apparently resizes videos too which causes issues
// skip the video if it is wrapped in wp-video.
$video_widget_wrapper = 'class="wp-video"';
$mejs_wrapped = strpos( $html, $video_widget_wrapper );
// If this is a video widget wrapped by mejs, return the html.
if ( false !== $mejs_wrapped ) {
return $html;
}
if ( defined( 'SCRIPT_DEBUG' ) && true == SCRIPT_DEBUG ) {
wp_enqueue_script( 'jetpack-responsive-videos-script', plugins_url( 'responsive-videos/responsive-videos.js', __FILE__ ), array( 'jquery' ), '1.3', true );
} else {
wp_enqueue_script( 'jetpack-responsive-videos-min-script', plugins_url( 'responsive-videos/responsive-videos.min.js', __FILE__ ), array( 'jquery' ), '1.3', true );
}
// Enqueue CSS to ensure compatibility with all themes
wp_enqueue_style( 'jetpack-responsive-videos-style', plugins_url( 'responsive-videos/responsive-videos.css', __FILE__ ) );
return '<div class="jetpack-video-wrapper">' . $html . '</div>';
}
/**
* Check if oEmbed is a `$video_patterns` provider video before wrapping.
*
* @param mixed $html The cached HTML result, stored in post meta.
* @param string $url he attempted embed URL.
*
* @return string
*/
function jetpack_responsive_videos_maybe_wrap_oembed( $html, $url = null ) {
if ( empty( $html ) || ! is_string( $html ) || ! $url ) {
return $html;
}
// Short-circuit for AMP responses, since custom scripts are not allowed in AMP and videos are naturally responsive.
if ( class_exists( 'Jetpack_AMP_Support' ) && Jetpack_AMP_Support::is_amp_request() ) {
return $html;
}
$jetpack_video_wrapper = '<div class="jetpack-video-wrapper">';
$already_wrapped = strpos( $html, $jetpack_video_wrapper );
// If the oEmbed has already been wrapped, return the html.
if ( false !== $already_wrapped ) {
return $html;
}
/**
* oEmbed Video Providers.
*
* A whitelist of oEmbed video provider Regex patterns to check against before wrapping the output.
*
* @module theme-tools
*
* @since 3.8.0
*
* @param array $video_patterns oEmbed video provider Regex patterns.
*/
$video_patterns = apply_filters(
'jetpack_responsive_videos_oembed_videos',
array(
'https?://((m|www)\.)?youtube\.com/watch',
'https?://((m|www)\.)?youtube\.com/playlist',
'https?://youtu\.be/',
'https?://(.+\.)?vimeo\.com/',
'https?://(www\.)?dailymotion\.com/',
'https?://dai.ly/',
'https?://(www\.)?hulu\.com/watch/',
'https?://wordpress.tv/',
'https?://(www\.)?funnyordie\.com/videos/',
'https?://vine.co/v/',
'https?://(www\.)?collegehumor\.com/video/',
'https?://(www\.|embed\.)?ted\.com/talks/',
)
);
// Merge patterns to run in a single preg_match call.
$video_patterns = '(' . implode( '|', $video_patterns ) . ')';
$is_video = preg_match( $video_patterns, $url );
// If the oEmbed is a video, wrap it in the responsive wrapper.
if ( false === $already_wrapped && 1 === $is_video ) {
return jetpack_responsive_videos_embed_html( $html );
}
return $html;
}
/**
* Remove the Jetpack Responsive video wrapper in embed blocks.
*
* @since 7.0.0
*
* @param string $block_content The block content about to be appended.
* @param array $block The full block, including name and attributes.
*
* @return string $block_content String of rendered HTML.
*/
function jetpack_responsive_videos_remove_wrap_oembed( $block_content, $block ) {
if (
isset( $block['blockName'] )
&& false !== strpos( $block['blockName'], 'core-embed' )
) {
$block_content = preg_replace( '#<div class="jetpack-video-wrapper">(.*?)</div>#', '${1}', $block_content );
}
return $block_content;
}
|
GitWeb