在我们的网站当中，遇到文章加入视频后，手机浏览网页遇到视频显示不完整，或者不适应手机屏幕等问题，下面我们看下如何完美处理：

文章编辑时点源码：

加入以下代码：

1. <div align="center" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 video_item"> 
2.     <video class="video-js vjs-default-skin" controls="" data-setup="{}" id="video" poster=" ng2.jpg" preload="auto" src=""><source src="" type="video/mp4"><embed autostart="true" flashvars="null&autostart=true" height="480" src="/UploadFiles/1.mp4" width="640"> embed> source> video> 
3. div>  

在模板文件中加入：

1.  <style> 
2.  
3. .video_item{ 
4.     position: relative; 
5. } 
6.  
7.  
8. #video{ 
9.     position: relative; 
10.     width: 100%; 
11.     background-color: #000; 
12. } 
13. #video video{ 
14.     width: 100%; 
15.     height: 100%; 
16. } 
17. style> 

在IIS中设置