{"id":727,"date":"2010-09-24T14:43:58","date_gmt":"2010-09-24T14:43:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/media-element-html5-video-and-audio-player\/"},"modified":"2018-01-16T23:11:14","modified_gmt":"2018-01-16T23:11:14","slug":"media-element-html5-video-and-audio-player","status":"closed","type":"plugin","link":"https:\/\/fr.wordpress.org\/plugins\/media-element-html5-video-and-audio-player\/","author":4153476,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"4.2.8","stable_tag":"4.2.8","tested":"4.9.29","requires":"2.9","requires_php":"","requires_plugins":"","header_name":"MediaElement.js - HTML5 Audio and Video","header_author":"John Dyer","header_description":"","assets_banners_color":"","last_updated":"2018-01-16 23:11:14","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/mediaelementjs.com\/","header_plugin_uri":"http:\/\/mediaelementjs.com\/","header_author_uri":"http:\/\/j.hn\/","rating":4.2,"author_block_rating":0,"active_installs":5000,"downloads":637788,"num_ratings":0,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"":"

None<\/p>"},"ratings":{"1":"4","2":0,"3":0,"4":"4","5":"17"},"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":"1764552","resolution":"128x128","location":"assets","width":128,"height":128},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":"1764552","resolution":"256x256","location":"assets","width":256,"height":256}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.0.5","2.0.6","2.0.6.2","2.1.0","2.1.2","2.1.4","2.1.5","2.1.6","2.1.7","2.10.3","2.2.5","2.23.5","2.5.0","2.7.0","2.9.1","4.2.8"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":"1804081","resolution":"1","location":"plugin","width":1280,"height":720}},"screenshots":{"1":"Video player"}},"plugin_section":[],"plugin_tags":[452,206,203,444,222],"plugin_category":[34,50,59],"plugin_contributors":[78605],"plugin_business_model":[],"class_list":["post-727","plugin","type-plugin","status-closed","hentry","plugin_tags-audio","plugin_tags-flash","plugin_tags-html5","plugin_tags-player","plugin_tags-video","plugin_category-accessibility","plugin_category-media","plugin_category-utilities-and-tools","plugin_contributors-johndyer","plugin_committers-johndyer"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/media-element-html5-video-and-audio-player.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/media-element-html5-video-and-audio-player\/trunk\/screenshot-1.jpg?rev=1804081","caption":"Lecteur vid\u00e9o"}],"raw_content":"\n

Video and audio plugin for WordPress built on the MediaElement.js HTML5 media player library. Provides Flash or Silverlight fallback players for non-HTML5 browsers. Supports iPhone, iPad, and Andriod.\nSupports MP4, OGG, WebM, WMV, MP3, WAV, WMA files as well as captions with WebSRT files.<\/p>\n\n

Check out mediaElementjs.com<\/a> for more information and examples.<\/p>\n\n

Typical Usage for video<\/h3>\n\n
[video src=\"http:\/\/mysite.com\/mymedia.mp4\" width=\"640\" height=\"360\"]\n<\/code><\/pre>\n\n
Typical Usage for audio<\/h3>\n\n
[audio src=\"http:\/\/mysite.com\/mymedia.mp3\"]\n<\/code><\/pre>\n\n
Shortcode Options<\/h3>\n\n
Alternatives<\/h4>\n\n
If you have a plugin that conflicts with MediaElement.js, you can also use the short codes<\/p>\n\n
[mejsvideo src=\"http:\/\/mysite.com\/mymedia.mp4\" width=\"640\" height=\"360\"]\n[mejsaudio src=\"http:\/\/mysite.com\/mymedia.mp3\"]\n<\/code><\/pre>\n\n
src<\/h4>\n\n
This location of any audio or video file<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia.mp4\"]\n<\/code><\/pre>\n\n
You can also leave off the extention and MediaElement.js will look for all media files matching the filename (mymedia.mp4, mymedia.webm, etc.)<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia\"]\n<\/code><\/pre>\n\n
type<\/h4>\n\n
The media type of the resource<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia?xyz\" type=\"video\/mp4\"]\n<\/code><\/pre>\n\n
mp4<\/h4>\n\n
The location of the h.264\/MP4 source for the video.<\/p>\n\n
[video mp4=\"http:\/\/mysite.com\/mymedia.mp4\"]\n<\/code><\/pre>\n\n
mp3<\/h4>\n\n
The location of an MP3 file for video<\/p>\n\n
[audio mp3=\"http:\/\/mysite.com\/mymedia.mp3\"]\n<\/code><\/pre>\n\n
ogg<\/h4>\n\n
The location of the Theora\/Ogg source for the video.<\/p>\n\n
[video ogg=\"http:\/\/mysite.com\/mymedia.ogg\"]\n<\/code><\/pre>\n\n
webm<\/h4>\n\n
The location of the VP8\/WebM source for the video.<\/p>\n\n
[video webm=\"http:\/\/mysite.com\/mymedia.webm\"]\n<\/code><\/pre>\n\n
poster<\/h4>\n\n
The location of the poster frame for the video.<\/p>\n\n
[video poster=\"http:\/\/mysite.com\/mymedia.png\"]\n<\/code><\/pre>\n\n
width<\/h4>\n\n
The width of the video<\/p>\n\n
[video width=\"640\"]\n<\/code><\/pre>\n\n
height<\/h4>\n\n
The height of the video<\/p>\n\n
[video height=\"264\"]\n<\/code><\/pre>\n\n
loop<\/h4>\n\n
Loops the video or audio when it ends<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia.mp4\" loop=\"true\"]\n<\/code><\/pre>\n\n
preload<\/h4>\n\n
Start loading the video as soon as possible, before the user clicks play.<\/p>\n\n
[video preload=\"true\"]\n<\/code><\/pre>\n\n
autoplay<\/h4>\n\n
Start playing the video as soon as it's ready.<\/p>\n\n
[video autoplay=\"true\"]\n<\/code><\/pre>\n\n
fullscreen<\/h4>\n\n
Disables the fullscreen button<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia.mp4\" fullscreen=\"false\"]\n<\/code><\/pre>\n\n
duration<\/h4>\n\n
Disables the duration output<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia.mp4\" duration=\"false\"]\n<\/code><\/pre>\n\n
volume<\/h4>\n\n
Disables the volume slider<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia.mp4\" volume=\"false\"]\n<\/code><\/pre>\n\n
progress<\/h4>\n\n
Disables the progress bar<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia.mp4\" progress=\"false\"]\n<\/code><\/pre>\n\n
captions<\/h4>\n\n
URL to a WebSRT captions file<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia.mp4\" captions=\"http:\/\/mysite.com\/mymedia.srt\"]\n<\/code><\/pre>\n\n
Simple Video<\/h4>\n\n
Basic playback options<\/p>\n\n
[video src=\"http:\/\/mysite.com\/mymedia.mp4\" width=\"640\" height=\"360\"]\n<\/code><\/pre>\n\n
All Attributes Video<\/h4>\n\n
All options enabled<\/p>\n\n
[video mp4=\"http:\/\/mysite.com\/mymedia.mp4\" ogg=\"http:\/\/mysite.com\/mymedia.ogg\" webm=\"http:\/\/mysite.com\/mymedia.webm\" poster=\"http:\/\/mysite.com\/mymedia.png\" preload=\"true\" autoplay=\"true\" width=\"640\" height=\"264\"]\n<\/code><\/pre>\n\n
Simple Audio<\/h4>\n\n
Basic playback options<\/p>\n\n
[audio src=\"http:\/\/mysite.com\/mymedia.mp3\"]\n<\/code><\/pre>\n\n
All Attributes Audio<\/h4>\n\n
All options enabled<\/p>\n\n
[audio mp3=\"http:\/\/mysite.com\/mymedia.mp3\" ogg=\"http:\/\/mysite.com\/mymedia.ogg\" preload=\"true\" autoplay=\"true\"]\n<\/code><\/pre>\n\n
Use in a template<\/h3>\n\n
You can use Wordpress shortcodes in your templates using the do_shortcode function.<\/p>\n\n
<?php echo do_shortcode('[video src=\"myvfile.mp4\"]'); ?>\n<\/code><\/pre>\n\n\n
View MediaElementjs.com<\/a> for more information.<\/p>\n\n
    \n
  1. Upload the media-element-html5-video-and-audio-player<\/code> folder to the \/wp-content\/plugins\/<\/code> directory<\/li>\n
  2. Activate the plugin through the Plugins<\/code> menu in WordPress<\/li>\n
  3. Use the [video]<\/code> or [audio]<\/code> shortcode in your post or page with the options on the front page.<\/li>\n<\/ol>\n\n\n
    \n
    Installation Instructions<\/dt>\n
    View MediaElementjs.com<\/a> for more information.<\/p>\n\n
      \n
    1. Upload the media-element-html5-video-and-audio-player<\/code> folder to the \/wp-content\/plugins\/<\/code> directory<\/li>\n
    2. Activate the plugin through the Plugins<\/code> menu in WordPress<\/li>\n
    3. Use the [video]<\/code> or [audio]<\/code> shortcode in your post or page with the options on the front page.<\/li>\n<\/ol><\/dd>\n
      Where can I find out more?<\/dt>\n
      Check out mediaElementjs.com<\/a> for more examples<\/p><\/dd>\n
      What does this get me over other HTML5 players?<\/dt>\n
      Most HTML5 players offer one player to modern browsers and then a competely separate Flash player to older browser. This creates an inconsistent look and functionality.<\/p>\n\n
      Instead, MediaElement.js upgrades older browsers, using Flash to mimic the entire HTML5 Media API. Then once all the browsers have something that looks like HTML5 Media, we build a consistent player on top using just HTML and CSS.<\/p>\n\n
      See original blog post at johndyer.name<\/a> for a full explanation of MediaElement.js<\/p><\/dd>\n\n<\/dl>\n\n\n
      4.2.8<\/h4>\n\n
        \n
      • Updating to latest 4.x version<\/li>\n<\/ul>\n\n
        2.23.5<\/h4>\n\n
          \n
        • Updating to final version of 2.x line (Wordpress 4.9 will have the 4.x branch)<\/li>\n
        • Updated screenshot<\/li>\n<\/ul>\n\n
          2.2.5<\/h4>\n\n
            \n
          • Update to 2.2.5 codebase<\/li>\n
          • Support for true fullscreen in Chrome and Firefox (in addition to Safari)<\/li>\n
          • Support for 100% sizing<\/li>\n<\/ul>\n\n
            2.1.7<\/h4>\n\n
              \n
            • Skin selector (default, WMP, TED)<\/li>\n
            • Audio height and width<\/li>\n
            • Leave off the extension on the src attribute and files will be automatically detected<\/li>\n<\/ul>\n\n
              2.1.4<\/h4>\n\n
                \n
              • Updated to latest MediaElement.js code<\/li>\n
              • Changed scripts to use wp_enqueue_script(\"mediaelementjs-scripts\")<\/li>\n
              • Changed styles to use wp_enqueue_style(\"mediaelementjs-styles\")<\/li>\n
              • Added [mejsaudio] and [mejsvideo] as valid short codes. Wordpress's Jetpack will now take over [audio]<\/li>\n<\/ul>\n\n
                2.0.6.2<\/h4>\n\n
                  \n
                • Fixed a problem with Wordpress SVN<\/li>\n<\/ul>\n\n
                  2.0.6<\/h4>\n\n
                    \n
                  • Updated to 2.0.6 codebase<\/li>\n<\/ul>\n\n
                    2.0.5<\/h4>\n\n
                      \n
                    • Lots of minor changes to JS code<\/li>\n
                    • better IE6 support<\/li>\n<\/ul>\n\n
                      2.0.4<\/h4>\n\n
                        \n
                      • Plugin fix<\/li>\n<\/ul>\n\n
                        2.0.3<\/h4>\n\n
                          \n
                        • Silverlight fix<\/li>\n<\/ul>\n\n
                          2.0.2<\/h4>\n\n
                            \n
                          • Updated to 2.0.2 MEjs code<\/li>\n<\/ul>\n\n
                            2.0.1.2<\/h4>\n\n
                              \n
                            • Loop fix<\/li>\n
                            • Video for Everybody Syntax (Works even when JavaScript is turned off)<\/li>\n<\/ul>\n\n
                              2.0.1.1<\/h4>\n\n
                                \n
                              • Autoplay fix<\/li>\n<\/ul>\n\n
                                2.0.1<\/h4>\n\n
                                  \n
                                • Updated to 2.0.1 version<\/li>\n<\/ul>\n\n
                                  1.1.5<\/h4>\n\n
                                    \n
                                  • Updated to 1.1.5 version<\/li>\n
                                  • Added options to turn controls on\/off<\/li>\n
                                  • Added loop option<\/li>\n<\/ul>\n\n
                                    1.1.2<\/h4>\n\n
                                      \n
                                    • Updated to 1.1.2 version<\/li>\n
                                    • adds captions support and new style<\/li>\n<\/ul>\n\n
                                      1.1.0<\/h4>\n\n
                                        \n
                                      • Updated to 1.1 of player<\/li>\n<\/ul>\n\n
                                        1.0.1<\/h4>\n\n
                                          \n
                                        • Fixed URL bug<\/li>\n
                                        • Fixed non-src bugs<\/li>\n<\/ul>\n\n
                                          1.0<\/h4>\n\n
                                            \n
                                          • First release.<\/li>\n<\/ul>","raw_excerpt":"MediaElement.js is an HTML5 video and audio player with Flash fallback and captions. Supports IE, Firefox, Opera, Safari, Chrome and iPhone, iPad, And …","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=727"}],"author":[{"embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/johndyer"}],"wp:attachment":[{"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=727"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=727"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=727"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=727"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=727"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}