Title: Mediaelement in Core – this responsive code doesn't work?
Last modified: August 21, 2016

---

# Mediaelement in Core – this responsive code doesn't work?

 *  [wanwu](https://wordpress.org/support/users/wanwu/)
 * (@wanwu)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mediaelement-in-core-this-responsive-code-doesnt-work/)
 * I have been playing around with the video in WP3.6 core and have read various
   threads.
 * I have set up a wrapper as indicated on other threads that scales to full width
   and height. Within that I am playing the video.
 * The first piece of HTML works fine. But when I use the shortcode for WordPress:
 * do_shortcode(‘[video webm="http://localhost/dnp/stalker.webm" width=100%]‘);
 * It doesn’t scale…. I have tried width=100%, height=100% and combinations thereof.
 * What am I missing?
 * —-
 * CSS:
 * .videocontent {
    width: 100%; height: 100%; max-width: 1024px; margin: 0 auto;}
 * —-
    HTML
 * <div class=”videocontent”>
 *  <!– Using HTML5 scales perfectly 🙂 –>
    <video id=”myvideo2″ style=”width:90%;
   height:100%;” controls=”controls”> <!– Just a webm file for firefox –> <source
   src=”[http://localhost/prototypes/mediaelement/stalker.webm&#8221](http://localhost/prototypes/mediaelement/stalker.webm&#8221);
   type=”video/webm”/> </video>
 *  <!– This doesn’t 🙁 –>
    <?php echo do_shortcode(‘[video webm="http://localhost/
   dnp/stalker.webm" width=100%]‘); ?>
 * </div>

The topic ‘Mediaelement in Core – this responsive code doesn't work?’ is closed 
to new replies.

## Tags

 * [MediaElement.js](https://wordpress.org/support/topic-tag/mediaelement-js/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 0 replies
 * 1 participant
 * Last reply from: [wanwu](https://wordpress.org/support/users/wanwu/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/mediaelement-in-core-this-responsive-code-doesnt-work/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics