網頁中插入外部視頻的幾種方法（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