更新视频demo

thx · Feb 24, 2014 · f6b00aa · f6b00aa
1 parent 99ffdab
commit f6b00aa
Showing 1 changed file with 26 additions and 5 deletions.
diff --git a/doc/_posts/2013-12-17-layout.md b/doc/_posts/2013-12-17-layout.md
@@ -85,16 +85,18 @@ CSS可以通过 border 来模拟三角形箭头，需要注意的是，IE6 中
 
 目前支持如下网站：
 
-* 优酷```.youku```
-* 我乐网（56.com）```.wole```
-* 土豆```.tudou```
-* 爱奇艺```.iqiyi```
-* Youtube```.youtube```
+* ```.youku``` 优酷
+* ```.wole``` 我乐网（56.com）
+* ```.tudou``` 土豆
+* ```.iqiyi``` 爱奇艺
+* ```.youtube``` Youtube
 
 ### 宽屏 16:9
 
 使用 Class ```widescreen```
 
+* 父容器固定宽度
+
 <div class="type-demo">
     <div class="well" style="width:500px;">
         <div class="fluid-media widescreen youku">
@@ -120,6 +122,25 @@ CSS可以通过 border 来模拟三角形箭头，需要注意的是，IE6 中
 </div>
 ```
 
+* 父容器 100% 宽度（自适应）
+
+改变浏览器窗口大小，视频自动等比缩放。
+
+<div class="type-demo">
+    <div class="well">
+        <div class="fluid-media widescreen youku">
+            <embed src="http://player.youku.com/player.php/sid/XNTMzMjg4Nzky/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
+        </div>
+    </div>
+</div>
+```html
+<div class="well">
+    <div class="fluid-media widescreen youku">
+        <embed src="http://player.youku.com/player.php/sid/XNTMzMjg4Nzky/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
+    </div>
+</div>
+```
+
 ### 窄屏 4:3
 
 使用 Class ```narrowscreen```