# MediaElement.js

## audio/video unification library

MediaElement is a wrapper that mimics the native HTML5 MediaElement syntax (get/set) as a renderer that can handle media from HTML5, YouTube, Vimeo, Soundcloud, Flash, Facebook, and other libraries.

MediaElementPlayer is built off of MediaElement and creates a fully featured player on top of the unified syntax from MediaElement.

### Global Options

Language
Stretching (Video Only)

### Video Player

Sources

#### Player information

Source: https://media.w3.org/2010/05/sintel/trailer.mp4

Renderer: html5

### Audio Player

By default, time handle element is hidden, but in this demo the following styles were added to display it just for audio:

            #player2-container .mejs__time-buffering, #player2-container .mejs__time-current,
            #player2-container .mejs__time-handle, #player2-container .mejs__time-loaded,
            #player2-container .mejs__time-marker, #player2-container .mejs__time-total {
                height: 2px;
            }

            #player2-container .mejs__time-total {
                margin-top: 9px;
            }
            #player2-container .mejs__time-handle {
                left: -10px;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background: #ffffff;
                top: -5px;
                cursor: pointer;
                display: block;
                position: absolute;
                z-index: 1;
                border: none;
            }

Sources

#### Player information

Source: http://www.largesound.com/ashborytour/sound/AshboryBYU.mp3

Renderer: html5