网页中插入外部视频的几种方法(PC与手机网页通用)

网页中加入视频的几种方法(PC与手机网页通用)

方法一:
<div align="center">
  <embed 
    src="http://player.youku.com/player.php/Type/Folder/Fid/22127316/Ob/1/sid/XNjk1MDUyNzU2/v.swf"     quality="high"
    width="500" height="440"
    align="center"
    allowScriptAccess="always"
    allowFullScreen="true"
    mode="transparent"
    type="application/x-shockwave-flash"
  ></embed> </div>

 

方法二(通用代码适用于手机页面播放 推荐):
<iframe 
  src="http://localhost/2012/mayday2012.mp4"
  scrolling="no"
  allowfullscreen=""
  frameborder="0"
  height="418" width="675"
></iframe>

 

例如优酷视频 

  获取方法 复制通用代码(点击分享便可以拿到地址)

 

腾讯视频 
<iframe frameborder=0 src="http://v.qq.com/iframe/player.html?vid=l01480qc099&tiny=0&auto=0" allowfullscreen></iframe>

获取方法 复制通用代码

 

方法三:html5
 
  由于旧的浏览器和Internet Explorer不支持<video>元素,考虑到兼容性,我们必须为这些浏览器找到一个支持Flash文件的解决方案。不幸的是,和HTML 5音频一样,涉及到视频的文件格式,Firefox 和 Safari/Chrome 的支持方式并不相同。因此,如果你想在这个时候使用HTML 5视频,则需要创建三个视频版本。
<video controls="controls" preload="auto" height="500" width="700">
   <!-- Firefox --> 
   <source src="mv.ogg" type="video/ogg" />  
   <!-- Safari/Chrome-->   
   <source src="mv.mp4" type="video/mp4" />  
   <!-- 如果浏览器不支持video标签,则使用flash -->  
   <embed src="mv.mp4" type="application/x-shockwave-flash"  
width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"> </embed>
  
</video>

 

二:网页嵌入/插入优酷视频屏蔽广告去掉且自动播放代码

<embed 
  src="http://player.youku.com/player.php/sid/XMTk0NjIyOTY2NA==/v.swf?VideoIDS=XODMzNDcwMzM2&winType=adshow&isAutoPlay=true" 
  quality="high"
  width="100%" height="500"
  align="middle" wmode="transparent"
  allowScriptAccess="never"
  allowNetworking="internal"
  allowfullscreen="true"
  autostart="0"
  type="application/x-shockwave-flash"
>
</embed>

其中

winType=adshow

这个是控制底下的弹幕等等

参数说明:

调整是否自动播放:

isAutoPlay=false(不自动)

isAutoPlay=true(自动播放)
isAutoPlay=false(不自动)

isAutoPlay=true(自动播放)


常见几种比例:

384×256、580×435、610×460

posted @ 2016-12-27 16:34  haonanElva  阅读(11405)  评论(0编辑  收藏  举报