css
1 month ago
js
1 month ago
class-videopress-attachment-metadata.php
1 month ago
class.jetpack-videopress.php
7 months ago
class.videopress-cli.php
1 month ago
class.videopress-edit-attachment.php
1 month ago
class.videopress-gutenberg.php
7 months ago
class.videopress-options.php
7 months ago
class.videopress-player.php
2 days ago
class.videopress-scheduler.php
7 months ago
class.videopress-video.php
7 months ago
class.videopress-xmlrpc.php
7 months ago
editor-media-view.php
3 months ago
shortcode.php
1 month ago
videopress-admin-rtl.css
7 months ago
videopress-admin-rtl.min.css
7 months ago
videopress-admin.css
7 months ago
videopress-admin.min.css
7 months ago
editor-media-view.php
236 lines
| 1 | <?php |
| 2 | /** |
| 3 | * VideoPress admin media-view functions. |
| 4 | * |
| 5 | * @package automattic/jetpack |
| 6 | */ |
| 7 | |
| 8 | use Automattic\Jetpack\Assets; |
| 9 | |
| 10 | if ( ! defined( 'ABSPATH' ) ) { |
| 11 | exit( 0 ); |
| 12 | } |
| 13 | |
| 14 | /** |
| 15 | * WordPress Shortcode Editor View JS Code |
| 16 | */ |
| 17 | function videopress_handle_editor_view_js() { |
| 18 | $content_width = Jetpack::get_content_width(); |
| 19 | $current_screen = get_current_screen(); |
| 20 | if ( ! isset( $current_screen->id ) || $current_screen->base !== 'post' ) { |
| 21 | return; |
| 22 | } |
| 23 | |
| 24 | add_action( 'admin_print_footer_scripts', 'videopress_editor_view_js_templates' ); |
| 25 | |
| 26 | wp_enqueue_style( |
| 27 | 'videopress-editor-ui', |
| 28 | plugins_url( 'css/editor.css', __FILE__ ), |
| 29 | array(), |
| 30 | JETPACK__VERSION |
| 31 | ); |
| 32 | wp_enqueue_script( |
| 33 | 'videopress-editor-view', |
| 34 | Assets::get_file_url_for_environment( |
| 35 | '_inc/build/videopress/js/editor-view.min.js', |
| 36 | 'modules/videopress/js/editor-view.js' |
| 37 | ), |
| 38 | array( 'wp-util', 'jquery' ), |
| 39 | JETPACK__VERSION, |
| 40 | true |
| 41 | ); |
| 42 | wp_localize_script( |
| 43 | 'videopress-editor-view', |
| 44 | 'vpEditorView', |
| 45 | array( |
| 46 | 'home_url_host' => wp_parse_url( home_url(), PHP_URL_HOST ), |
| 47 | 'min_content_width' => VIDEOPRESS_MIN_WIDTH, |
| 48 | 'content_width' => $content_width ? (int) $content_width : VIDEOPRESS_DEFAULT_WIDTH, |
| 49 | 'modal_labels' => array( |
| 50 | 'title' => esc_html__( 'VideoPress Shortcode', 'jetpack' ), |
| 51 | 'guid' => esc_html__( 'Video ID', 'jetpack' ), |
| 52 | 'w' => esc_html__( 'Video Width', 'jetpack' ), |
| 53 | 'w_unit' => esc_html__( 'pixels', 'jetpack' ), |
| 54 | /* Translators: example of usage of this is "Start Video After 10 seconds" */ |
| 55 | 'at' => esc_html__( 'Start Video After', 'jetpack' ), |
| 56 | 'at_unit' => esc_html__( 'seconds', 'jetpack' ), |
| 57 | 'hd' => esc_html__( 'High definition on by default', 'jetpack' ), |
| 58 | 'permalink' => esc_html__( 'Link the video title to its URL on VideoPress.com', 'jetpack' ), |
| 59 | 'autoplay' => esc_html__( 'Autoplay video on page load', 'jetpack' ), |
| 60 | 'loop' => esc_html__( 'Loop video playback', 'jetpack' ), |
| 61 | 'freedom' => esc_html__( 'Use only Open Source codecs (may degrade performance)', 'jetpack' ), |
| 62 | 'flashonly' => esc_html__( 'Use legacy Flash Player (not recommended)', 'jetpack' ), |
| 63 | ), |
| 64 | ) |
| 65 | ); |
| 66 | |
| 67 | add_editor_style( plugins_url( 'css/videopress-editor-style.css', __FILE__ ) ); |
| 68 | } |
| 69 | add_action( 'admin_notices', 'videopress_handle_editor_view_js' ); |
| 70 | |
| 71 | /** |
| 72 | * WordPress Editor Views |
| 73 | */ |
| 74 | function videopress_editor_view_js_templates() { |
| 75 | /** |
| 76 | * This template uses the following parameters, and displays the video as an iframe: |
| 77 | * - data.guid // The guid of the video. |
| 78 | * - data.width // The width of the iframe. |
| 79 | * - data.height // The height of the iframe. |
| 80 | * - data.urlargs // Arguments serialized into a get string. |
| 81 | * |
| 82 | * In addition, the calling script will need to ensure that the following |
| 83 | * JS file is added to the header of the editor iframe: |
| 84 | * - https://s0.wp.com/wp-content/plugins/video/assets/js/next/videopress-iframe.js |
| 85 | */ |
| 86 | ?> |
| 87 | <script type="text/html" id="tmpl-videopress_iframe_vnext"> |
| 88 | <div class="tmpl-videopress_iframe_next" style="max-height:{{ data.height }}px;"> |
| 89 | <div class="videopress-editor-wrapper" style="padding-top:{{ data.ratio }}%;"> |
| 90 | <iframe style="display: block; max-width: 100%; max-height: 100%;" width="{{ data.width }}" height="{{ data.height }}" src="https://videopress.com/embed/{{ data.guid }}?{{ data.urlargs }}" frameborder='0' allowfullscreen></iframe> |
| 91 | </div> |
| 92 | </div> |
| 93 | </script> |
| 94 | <?php |
| 95 | } |
| 96 | |
| 97 | /*************************************************\ |
| 98 | | This is the chunk that handles overriding core | |
| 99 | | media stuff so VideoPress can display natively. | |
| 100 | \*/ |
| 101 | |
| 102 | /** |
| 103 | * Media Grid: |
| 104 | * Filter out any videopress video posters that we've downloaded, |
| 105 | * so that they don't seem to display twice. |
| 106 | * |
| 107 | * @param array $args Query variables. |
| 108 | * @deprecated 11.4 |
| 109 | */ |
| 110 | function videopress_ajax_query_attachments_args( $args ) { |
| 111 | _deprecated_function( __METHOD__, 'jetpack-11.4' ); |
| 112 | return Automattic\Jetpack\VideoPress\Attachment_Handler::ajax_query_attachments_args( $args ); |
| 113 | } |
| 114 | |
| 115 | /** |
| 116 | * Media List: |
| 117 | * Do the same as `videopress_ajax_query_attachments_args()` but for the list view. |
| 118 | * |
| 119 | * @param array $query WP_Query instance. |
| 120 | * @deprecated 11.4 |
| 121 | */ |
| 122 | function videopress_media_list_table_query( $query ) { |
| 123 | _deprecated_function( __METHOD__, 'jetpack-11.4' ); |
| 124 | return Automattic\Jetpack\VideoPress\Attachment_Handler::media_list_table_query( $query ); |
| 125 | } |
| 126 | |
| 127 | /** |
| 128 | * Make sure that any Video that has a VideoPress GUID passes that data back. |
| 129 | * |
| 130 | * @param array $post Attachment data array. |
| 131 | * @deprecated 11.4 |
| 132 | */ |
| 133 | function videopress_prepare_attachment_for_js( $post ) { |
| 134 | _deprecated_function( __METHOD__, 'jetpack-11.4' ); |
| 135 | return Automattic\Jetpack\VideoPress\Attachment_Handler::prepare_attachment_for_js( $post ); |
| 136 | } |
| 137 | |
| 138 | /** |
| 139 | * Wherever the Media Modal is deployed, also deploy our overrides. |
| 140 | */ |
| 141 | function add_videopress_media_overrides() { |
| 142 | add_action( 'admin_print_footer_scripts', 'videopress_override_media_templates', 11 ); |
| 143 | } |
| 144 | add_action( 'wp_enqueue_media', 'add_videopress_media_overrides' ); |
| 145 | |
| 146 | /** |
| 147 | * Our video overrides! |
| 148 | * |
| 149 | * We have a template for the iframe to get injected. |
| 150 | */ |
| 151 | function videopress_override_media_templates() { |
| 152 | ?> |
| 153 | <script type="text/html" id="tmpl-videopress_iframe_vnext"> |
| 154 | <iframe class="videopress-iframe" style="display: block; max-width: 100%; max-height: 100%;" width="{{ data.width }}" height="{{ data.height }}" src="https://videopress.com/embed/{{ data.guid }}?{{ data.urlargs }}" frameborder='0' allowfullscreen></iframe> |
| 155 | </script> |
| 156 | <script> |
| 157 | (function( media ){ |
| 158 | // This handles the media library modal attachment details display. |
| 159 | if ( 'undefined' !== typeof media.view.Attachment.Details.TwoColumn ) { |
| 160 | var TwoColumn = media.view.Attachment.Details.TwoColumn, |
| 161 | old_render = TwoColumn.prototype.render, |
| 162 | vp_template = wp.template('videopress_iframe_vnext'); |
| 163 | |
| 164 | TwoColumn.prototype.render = function() { |
| 165 | // Have the original renderer run first. |
| 166 | old_render.apply( this, arguments ); |
| 167 | |
| 168 | // Now our stuff! |
| 169 | if ( 'video' === this.model.get('type') ) { |
| 170 | if ( this.model.get('videopress_guid') ) { |
| 171 | this.$('.attachment-media-view .thumbnail-video').html( vp_template( { |
| 172 | guid : this.model.get('videopress_guid'), |
| 173 | width : this.model.get('width') > 0 ? this.model.get('width') : '100%', |
| 174 | height : this.model.get('height') > 0 ? this.model.get('height') : '100%' |
| 175 | })); |
| 176 | } |
| 177 | } |
| 178 | }; |
| 179 | } else { /* console.log( 'media.view.Attachment.Details.TwoColumn undefined' ); */ } |
| 180 | |
| 181 | // This handles the recreating of the core video shortcode when editing the mce embed. |
| 182 | if ( 'undefined' !== typeof media.video ) { |
| 183 | media.video.defaults.videopress_guid = ''; |
| 184 | |
| 185 | // For some reason, even though we're not currently changing anything, the following proxy |
| 186 | // function is necessary to include the above default `videopress_guid` param. ¯\_(ツ)_/¯ |
| 187 | var old_video_shortcode = media.video.shortcode; |
| 188 | media.video.shortcode = function( model ) { |
| 189 | // model.videopress_guid = 'FOOBAR'; |
| 190 | return old_video_shortcode( model ); |
| 191 | }; |
| 192 | } else { /* console.log( 'media.video undefined' ); */ } |
| 193 | |
| 194 | // override the media modal in order to extend the escape method to unload the player on hide |
| 195 | var BaseMediaModal = wp.media.view.Modal; |
| 196 | |
| 197 | wp.media.view.Modal = BaseMediaModal.extend( { |
| 198 | escape: function () { |
| 199 | BaseMediaModal.prototype.escape.apply( this ); |
| 200 | var playerIframes = document.getElementsByClassName( "videopress-iframe" ); |
| 201 | if ( playerIframes.length && playerIframes[0].parentElement ) { |
| 202 | playerIframes[0].parentElement.removeChild( playerIframes[0] ); |
| 203 | } |
| 204 | } |
| 205 | } ); |
| 206 | })( wp.media ); |
| 207 | </script> |
| 208 | <?php |
| 209 | } |
| 210 | |
| 211 | /** |
| 212 | * Properly inject VideoPress data into Core shortcodes, and |
| 213 | * generate videopress shortcodes for purely remote videos. |
| 214 | * |
| 215 | * @param string $html HTML markup for a media item sent to the editor. |
| 216 | * @param int $id Attachment ID. |
| 217 | * @param array $attachment Attachment metadata. |
| 218 | */ |
| 219 | function videopress_media_send_to_editor( $html, $id, $attachment ) { // phpcs:ignore VariableAnalysis.CodeAnalysis.VariableAnalysis.UnusedVariable |
| 220 | $videopress_guid = get_post_meta( $id, 'videopress_guid', true ); |
| 221 | if ( $videopress_guid && videopress_is_valid_guid( $videopress_guid ) ) { |
| 222 | if ( str_starts_with( $html, '[video ' ) ) { |
| 223 | $html = sprintf( '[videopress %1$s]', esc_attr( $videopress_guid ) ); |
| 224 | |
| 225 | } elseif ( str_starts_with( $html, '<a href=' ) ) { |
| 226 | // We got here because `wp_attachment_is()` returned false for |
| 227 | // video, because there isn't a local copy of the file. |
| 228 | $html = sprintf( '[videopress %1$s]', esc_attr( $videopress_guid ) ); |
| 229 | } |
| 230 | } elseif ( videopress_is_attachment_without_guid( $id ) ) { |
| 231 | $html = sprintf( '[videopress postid=%d]', $id ); |
| 232 | } |
| 233 | return $html; |
| 234 | } |
| 235 | add_filter( 'media_send_to_editor', 'videopress_media_send_to_editor', 10, 3 ); |
| 236 |