视频播放器

  &amp;lt;video controls=&amp;quot;controls&amp;quot; preload=&amp;quot;auto&amp;quot; height=&amp;quot;500&amp;quot; width=&amp;quot;700&amp;quot;&amp;gt;
      &amp;lt;source src=&amp;quot;/upload/video.mp4&amp;quot; type=&amp;quot;video/mp4&amp;quot; /&amp;gt;  
 &amp;lt;/video&amp;gt;

由于旧的浏览器和Internet Explorer不支持《video》元素，考虑到兼容性，我们必须为这些浏览器找到一个支持Flash文件的解决方案。不幸的是，和HTML 5音频一样，涉及到视频的文件格式，Firefox 和 Safari/Chrome 的支持方式并不相同。因此，如果你想在这个时候使用HTML 5视频，则需要创建三个视频版本。

&amp;lt;video controls=&amp;quot;controls&amp;quot; preload=&amp;quot;auto&amp;quot; height=&amp;quot;500&amp;quot; width=&amp;quot;700&amp;quot;&amp;gt;
   &amp;lt;!-- Firefox --&amp;gt; 
   &amp;lt;source src=&amp;quot;mv.ogg&amp;quot; type=&amp;quot;video/ogg&amp;quot; /&amp;gt;  
   &amp;lt;!-- Safari/Chrome--&amp;gt;   
   &amp;lt;source src=&amp;quot;/upload/video.mp4&amp;quot; type=&amp;quot;video/mp4&amp;quot; /&amp;gt;  
   &amp;lt;!-- 如果浏览器不支持video标签，则使用flash --&amp;gt;  
   &amp;lt;embed src=&amp;quot;/upload/video.flv&amp;quot; type=&amp;quot;application/x-shockwave-flash&amp;quot;  
width=&amp;quot;1024&amp;quot; height=&amp;quot;798&amp;quot; allowscriptaccess=&amp;quot;always&amp;quot; allowfullscreen=&amp;quot;true&amp;quot;&amp;gt; &amp;lt;/embed&amp;gt;

&amp;lt;/video&amp;gt;

框架插入视频 请修改视频地址：/upload/video.mp4

 &amp;lt;iframe src=&amp;quot;/upload/video.mp4&amp;quot; scrolling=&amp;quot;no&amp;quot; allowfullscreen=&amp;quot;&amp;quot; frameborder=&amp;quot;0&amp;quot; height=&amp;quot;200&amp;quot; width=&amp;quot;100%&amp;quot;&amp;gt;&amp;lt;/iframe&amp;gt;

优酷视频

&amp;lt;iframe height=498 width=510 src=&amp;quot;http://player.youku.com/embed/XOTA1OTA2NjAw&amp;quot; frameborder=0 allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;

获取方法复制通用代码

腾讯视频

&amp;lt;iframe frameborder=0 src=&amp;quot;http://v.qq.com/iframe/player.html?vid=l01480qc099&amp;amp;tiny=0&amp;amp;auto=0&amp;quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;

获取方法复制通用代码粘贴到网页文件当中，如果想自适应手机屏可写css样式 style="width:100%;height:auto;"

KCMS

视频播放器

页面列表