Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save allancole/c5f710cb28b30bcc10ced10ba8b6cc7f to your computer and use it in GitHub Desktop.
Save allancole/c5f710cb28b30bcc10ced10ba8b6cc7f to your computer and use it in GitHub Desktop.
<div class="entry-content">
<div style="width: 474px; " class="wp-video">
<!--[if lt IE 9]><script>document.createElement('video');</script><![endif]-->
<span class="mejs-offscreen">Video Player</span>
<div id="mep_0" class="mejs-container svg wp-video-shortcode mejs-video" tabindex="0" role="application" aria-label="Video Player" style="width: 474px; height: 265px;">
<div class="mejs-inner">
<div class="mejs-mediaelement">
<video class="wp-video-shortcode" id="video-2709-1" width="474" height="265" preload="metadata" src="http://local.wordpress.dev/wp-content/uploads/2016/06/UserTesting-1824547A.mp4?_=1" style="width: 100%; height: 100%;">
<source type="video/mp4" src="http://local.wordpress.dev/wp-content/uploads/2016/06/UserTesting-1824547A.mp4?_=1">
<a href="http://local.wordpress.dev/wp-content/uploads/2016/06/UserTesting-1824547A.mp4">http://local.wordpress.dev/wp-content/uploads/2016/06/UserTesting-1824547A.mp4</a>
</video>
</div>
<div class="mejs-layers">
<div class="mejs-poster mejs-layer" style="display: none; width: 100%; height: 100%;"></div>
<div class="mejs-overlay mejs-layer" style="width: 100%; height: 100%; display: none;">
<div class="mejs-overlay-loading"><span></span></div>
</div>
<div class="mejs-overlay mejs-layer" style="display: none; width: 100%; height: 100%;">
<div class="mejs-overlay-error"></div>
</div>
<div class="mejs-overlay mejs-layer mejs-overlay-play" style="width: 100%; height: 100%;">
<div class="mejs-overlay-button"></div>
</div>
</div>
<div class="mejs-controls" style="display: block; visibility: hidden;">
<div class="mejs-button mejs-playpause-button mejs-play"><button type="button" aria-controls="mep_0" title="Play" aria-label="Play"></button></div>
<div class="mejs-time mejs-currenttime-container" role="timer" aria-live="off"><span class="mejs-currenttime">00:00</span></div>
<div class="mejs-time-rail" style="width: 328px;"><span class="mejs-time-total mejs-time-slider" style="width: 318px;"><span class="mejs-time-buffering" style="display: none;"></span><span class="mejs-time-loaded" style="width: 4.62989px;"></span><span class="mejs-time-current" style="width: 0px;"></span><span class="mejs-time-handle" style="left: -7px;"></span><span class="mejs-time-float" style="display: none; left: 16.4688px;"><span class="mejs-time-float-current">00:37</span><span class="mejs-time-float-corner"></span></span></span></div>
<div class="mejs-time mejs-duration-container"><span class="mejs-duration">12:04</span></div>
<div class="mejs-button mejs-volume-button mejs-mute">
<button type="button" aria-controls="mep_0" title="Mute" aria-label="Mute"></button>
<a href="javascript:void(0);" class="mejs-volume-slider" aria-label="volumeSlider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="80" aria-valuetext="80%" role="slider" tabindex="0" style="display: none;">
<span class="mejs-offscreen">Use Up/Down Arrow keys to increase or decrease volume.</span>
<div class="mejs-volume-total"></div>
<div class="mejs-volume-current" style="height: 80px; top: 28px;"></div>
<div class="mejs-volume-handle" style="top: 25px;"></div>
</a>
</div>
<div class="mejs-button mejs-fullscreen-button"><button type="button" aria-controls="mep_0" title="Fullscreen" aria-label="Fullscreen"></button></div>
</div>
<div class="mejs-clear"></div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment