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
|
<?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' );
}
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;
}
// 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.2', true );
} else {
wp_enqueue_script( 'jetpack-responsive-videos-min-script', plugins_url( 'responsive-videos/responsive-videos.min.js', __FILE__ ), array( 'jquery' ), '1.2', 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.
*
* @return string
*/
function jetpack_responsive_videos_maybe_wrap_oembed( $html, $url = null ) {
if ( empty( $html ) || ! is_string( $html ) || ! $url ) {
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;
}
|