[wp-trac] [WordPress Trac] #23282: Add shortcodes for inline HTML5 audio / video

[WordPress Trac]

#23282: Add shortcodes for inline HTML5 audio / video
-----------------------------+------------------
 Reporter:  wonderboymusic   |       Owner:
     Type:  feature request  |      Status:  new
 Priority:  normal           |   Milestone:  3.6
Component:  Media            |     Version:
 Severity:  normal           |  Resolution:
 Keywords:  has-patch        |
-----------------------------+------------------
Description changed by wonderboymusic:

Old description:

> WordPress supports the 'audio' and 'video' post formats, however
> WordPress has no native ability to play audio or video.
>
> I have been using and following MedaElement.js for a while. It is, in my
> opinion, the most cross-browser compatible and extensible HTML5 solution
> out there. https://github.com/johndyer/mediaelement
>
> in a nutshell:
>
>   A complete HTML/CSS audio/video player built on top MediaElement.js and
> jQuery. Many great HTML5 players have a completely separate Flash UI in
> fallback mode, but MediaElementPlayer.js uses the same HTML/CSS for all
> players.
>
> Compatibility?
>
>   Flash ~~Fallback~~forward
>
>   Instead of offering an HTML5 player to modern browsers and a totally
> separate Flash player to older browsers, MediaElement.js upgrades them
> with custom Flash and Silverlight plugins that mimic the HTML5
> MediaElement API.
>
>   Magic happens, and then IE6-8 supports <video> and <audio>, Firefox and
> Opera support h.264, and Safari and IE9 support WebM (*if Adobe makes
> good on promises to support VP8 in Flash).
>
> My patch makes 2 new shortcodes `[audio]` and `[video]`, both will pull
> the first attached mp3 (for audio) or mp4 (for video) attached to the
> post. If the `src` attribute is passed, the shortcode doesn't check for
> an attachment.
>
> The patch is proof of concept and could (maybe?) use some more features.
> I will attach a sample mp3 and mp4 to the ticket to use for testing.

New description:

 WordPress supports the 'audio' and 'video' post formats, however WordPress
 has no native ability to play audio or video.

 I have been using and following MedaElement.js for a while. It is, in my
 opinion, the most cross-browser compatible and extensible HTML5 solution
 out there. https://github.com/johndyer/mediaelement

 in a nutshell:

   A complete HTML/CSS audio/video player built on top MediaElement.js and
 jQuery. Many great HTML5 players have a completely separate Flash UI in
 fallback mode, but MediaElementPlayer.js uses the same HTML/CSS for all
 players.

 Compatibility?

   Flash ~~Fallback~~forward

   Instead of offering an HTML5 player to modern browsers and a totally
 separate Flash player to older browsers, MediaElement.js upgrades them
 with custom Flash and Silverlight plugins that mimic the HTML5
 MediaElement API.

   Magic happens, and then IE6-8 supports <video> and <audio>, Firefox and
 Opera support h.264, and Safari and IE9 support WebM (*if Adobe makes good
 on promises to support VP8 in Flash).

 My patch makes 2 new shortcodes `[audio]` and `[video]`, both will pull
 the first attached mp3 (for audio) or mp4 (for video) attached to the
 post. If the `src` attribute is passed, the shortcode doesn't check for an
 attachment.

 The patch is proof of concept and could (maybe?) use some more features. I
 will attach a sample mp3 and mp4 to the ticket to use for testing.

 UPDATE: mp3 and mp4 files are too big to upload to track

--

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/23282#comment:1>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software