update plugins.md

Author: zhangjikai

README.md

@@ -8,45 +8,5 @@
 * [GitBook Documentation](http://help.gitbook.com/)
 
 ---
-
-1. [安装](installation.md)
-2. [命令](commands.md)
-3. [配置](#配置)
-4. [插件](#插件)
-
-### [配置](settings.md)
-* [title - 标题](settings.md#title)
-* [author - 作者信息](settings.md#author)
-* [description - 书本描述](settings.md#description)
-* [language - 使用的语言](settings.md#language)
-* [links - 在侧边栏添加链接](settings.md#links)
-* [styles - 自定义样式](settings.md#styles)
-* [plugins - 插件](settings.md#plugins)
-* [pluginsConfig - 插件配置](settings.md#pluginsconfig)
-* [gitbook - 指定gitbook版本](settings.md#gitbook)
-
-### [插件](plugins.md)
-* [Disqus - Disqus评论](plugins.md#disqus)
-* [duoshuo - 多说](plugins.md#duoshuo)
-* [Search Pro - 支持中文搜索](plugins.md#search-pro)
-* [Advanced Emoji - 支持emoji表情](plugins.md#advanced-emoji)
-* [Github - 添加github图标](plugins.md#github)
-* [Ace Plugin - 支持ace](plugins.md#ace-plugin)
-* [Emphasize - 强调文字(为文字加上底色)](plugins.md#ace-plugin)
-* [KaTex - 支持数学公式](plugins.md#katex)
-* [Include Codeblock - 使用代码块显示指定文件的内容](plugins.md#include-codeblock)
-* [Splitter - 自由调节侧边栏宽度](plugins.md#splitter)
-* [Mermaid -支持渲染Mermaid图表](plugins.md#mermaid)
-* [sharing - 分享](plugins.md#sharing)
-* [Tbfed-pagefooter - 为页面添加页脚](plugins.md#tbfedpagefooter)
-* [Toggle Chapters - 折叠章节](plugins.md#toggle-chapters)
-* [Sectionx - 将页面分块显示](plugins.md#sectionx)
-* [Codeblock-filename - 为代码块添加文件名称](plugins.md#codeblockfilename)
-* [ga - google 统计](plugins.md#ga)
-* [baidu - 百度统计](plugins.md#baidu)
-* [donate - 打赏](plugins.md#donate)
-* [Local Video - 使用Video.js播放视频](plugins.md#local-video)
-* [toc - 自动生成目录](plugins.md#toc)
-* [Edit Link - 链接到当前页源文件上](plugins.md#edit-link)
-* [sitemap - 生成sitemap](plugins.md#sitemap)
+> 如若转载请标明出处.
 

plugins.md

@@ -339,16 +339,16 @@ google 统计
 ```
 
 ### Local Video
-使用Video.js 播放本地视频 
-
+使用Video.js 播放本地视频  
+[插件地址](https://plugins.gitbook.com/plugin/local-video)  
 ```json
 "plugins": [ "local-video" ]
 ```
-使用示例：为了使视频可以自适应，我们指定视频的`width`为100%，并设置宽高比为`16:9`
+使用示例：为了使视频可以自适应，我们指定视频的`width`为100%，并设置宽高比为`16:9`，如下面所示
 ```
 {% raw %}
 <video id="my-video" class="video-js" controls preload="auto" width="100%" 
-data-setup='{"aspectRatio":"16:9"}'>
+poster="http://zhangjikai.com/resource/poster.jpg" data-setup='{"aspectRatio":"16:9"}'>
   <source src="http://zhangjikai.com/resource/demo.mp4" type='video/mp4' >
   <p class="vjs-no-js">
     To view this video please enable JavaScript, and consider upgrading to a web browser that
@@ -357,10 +357,16 @@ data-setup='{"aspectRatio":"16:9"}'>
 </video>
 {% endraw %}
 ```
-   
+另外我们还要再配置下css，即在website.css中加入
+```css
+.video-js {
+    width:100%;
+    height: 100%;
+}
+```
 <br />
 {% raw %}
-<video id="my-video" class="video-js" controls preload="auto" width="100%" data-setup='{"aspectRatio":"16:9"}'>
+<video id="my-video" class="video-js" controls preload="auto" width="100%" poster="http://zhangjikai.com/resource/poster.jpg" data-setup='{"aspectRatio":"16:9"}'>
   <source src="http://zhangjikai.com/resource/demo.mp4" type='video/mp4' >
   <p class="vjs-no-js">
     To view this video please enable JavaScript, and consider upgrading to a web browser that

styles/website.css

@@ -19,6 +19,7 @@ h1 , h2{
     border-bottom: 1px dotted #e7e7e7;
 }
 
-.videocontent{
-    width: 80%;
+.video-js {
+    width:100%;
+    height: 100%;
 }