diff --git a/index.html b/index.html
index 54796ec..5867d6a 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,7 @@
   <script>
     $('.mup-player').MUPlayer({
       'use_default_css': true,
+      'video_width': '720px',
       'video_sources': [
         {
           'link': 'http://techslides.com/demos/sample-videos/small.ogv',
diff --git a/src/coffee/player.coffee b/src/coffee/player.coffee
index 65c72fa..61b62d2 100644
--- a/src/coffee/player.coffee
+++ b/src/coffee/player.coffee
@@ -13,6 +13,7 @@
       'default_volume': 50
       'default_position': 0
       'video_sources': []
+      'video_width': false
     }, opt)
 
     ## Functions
@@ -22,6 +23,10 @@
       if settings.use_default_css
         addStylesheet('build/css/mup.css')
       
+      # set player width
+      if typeof settings.video_width == 'string'
+        wrapperElem.width(settings.video_width)
+      
       # create the video player
       createPlayer(wrapperElem)
       
diff --git a/src/sass/mup.sass b/src/sass/mup.sass
index cceee57..eedd58d 100644
--- a/src/sass/mup.sass
+++ b/src/sass/mup.sass
@@ -1,5 +1,6 @@
 .mup-video
   vertical-align: top
+  width: 100%
   margin: 0
   padding: 0