Changeset 42583

Timestamp:

01/24/2018 01:52:17 AM (7 years ago)

Author:

SergeyBiryukov

Message:

Media: Introduce a custom error handler for MediaElement.js to display a download link if a FLV file cannot be rendered for any reason.

Props Clorith.
Merges [42582] to the 4.9 branch.
Fixes #42643.

Location:

branches/4.9

Files:

• . (modified) (1 prop)
• src/wp-includes/js/mediaelement/wp-mediaelement.js (modified) (2 diffs)

branches/4.9/src/wp-includes/js/mediaelement/wp-mediaelement.js

@@ -1 @@
-/* global _wpmejsSettings */
+/* global _wpmejsSettings, mejsL10n */
 (function( window, $ ) {
 
@@ -43 +43 @@
             };
 
+            /**
+             * Custom error handler.
+             *
+             * Sets up a custom error handler in case a video render fails, and provides a download
+             * link as the fallback.
+             *
+             * @since 4.9.3
+             *
+             * @param {object} media The wrapper that mimics all the native events/properties/methods for all renderers.
+             * @param {object} node  The original HTML video, audio, or iframe tag where the media was loaded.
+             * @returns {string}
+             */
+            settings.customError = function ( media, node ) {
+                // Make sure we only fall back to a download link for flash files.
+                if ( -1 !== media.rendererName.indexOf( 'flash' ) || -1 !== media.rendererName.indexOf( 'flv' ) ) {
+                    return '<a href="' + node.src + '">' + mejsL10n.strings['mejs.download-video'] + '</a>';
+                }
+            };
+
             // Only initialize new media elements.
             $( '.wp-audio-shortcode, .wp-video-shortcode' )