<div class="story-video">
  <!-- // NEW STORY -->
	<video class="story-image-wrapper" controls preload="auto"  style="width: 100%; height: 100%;" data-story-video="<?php echo $wo['media']['id'];?>">
    <!-- // NEW STORY -->
	    <source src="<?php echo $wo['media']['filename'];?>" type='video/mp4'>
	    <source src="<?php echo $wo['media']['filename'];?>" type='video/webm'> 
	</video>
</div>
<script>
jQuery(document).ready(function($) {
  $('video[data-story-video="<?php echo $wo['media']['id'];?>"]').mediaelementplayer({
    pluginPath: 'https://cdnjs.com/libraries/mediaelement-plugins/',
    shimScriptAccess: 'always',
    autoplay: true,
    features: ['playpause', 'fullscreen', 'current', 'progress', 'duration', 'speed', 'skipback', 'jumpforward', 'tracks', 'markers', 'volume', 'chromecast', 'contextmenu', 'flash'],
    success: function (media) {
        media.addEventListener('ended', function (e) { /* pass */}, false); 
    },
  });

});
</script>