diff --git a/css/view.css b/css/view.css
index 855d7e41..d2cd482c 100644
--- a/css/view.css
+++ b/css/view.css
@@ -22,3 +22,7 @@
      */
     z-index: 1
 }
+
+.media, video {
+    width: 100%;
+}
\ No newline at end of file
diff --git a/html/view/media.html b/html/view/media.html
index aa8ad654..313a5f2b 100644
--- a/html/view/media.html
+++ b/html/view/media.html
@@ -1,4 +1,4 @@
-<div id="js-audio">
-    <{{ type }} data-name="js-media" class="media" src="{{ src }}" controls autoplay></{{ type }}>
+<div class="media">
+    <{{ type }} data-name="js-media" src="{{ src }}" controls autoplay></{{ type }}>
     <p class="reduce-text"><strong>{{ name }}</strong></p>
 </div>
\ No newline at end of file
diff --git a/lib/client/view.js b/lib/client/view.js
index fbb05634..afe7d207 100644
--- a/lib/client/view.js
+++ b/lib/client/view.js
@@ -110,7 +110,6 @@ var CloudCmd, Util, DOM, CloudFunc, $;
                                 parent      : Overlay,
                                 beforeShow  : function() {
                                     Config.beforeShow();
-                                    mediaBeforeShow();
                                     Events.addKey(onKey);
                                 },
                                 beforeClose : function() {
@@ -210,16 +209,6 @@ var CloudCmd, Util, DOM, CloudFunc, $;
             }
         }
         
-        function mediaBeforeShow() {
-            var $media      = $('[data-name="js-media"'),
-                width       = $media.width() +'px',
-                $parent     = $media.parent();
-            
-            $parent.width(width);
-            
-            Key.unsetBind();
-        }
-        
         /**
          * function loads css and js of FancyBox
          * @callback   -  executes, when everything loaded