1. 程式人生 > >網頁嵌入優酷視訊 改變播放按鈕大小 去廣告(適合最新分享地址)

網頁嵌入優酷視訊 改變播放按鈕大小 去廣告(適合最新分享地址)

很多網站都經常引用優酷網的視訊使用以下程式碼引用優酷的視訊可以遮蔽掉廣告(最新方法)和改變播放按鈕大小

1 <embed src='http://player.youku.com/player.php/sid/XMTY1NzYyMzkyNA==/v.swf?VideoIDS=XMTY1NzYyMzkyNA&winType=adshow&isAutoPlay=true' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed> 

引數說明:

調整是否自動播放:

isAutoPlay=false(不自動)

isAutoPlay=true(自動播放)

調整大小:

1 width="580"height="435"

常見幾種比例:

384×256、580×435、610×460

替換視訊地址:

VideoIDS=是URL連結中視訊的ID,比如:

1 http://player.youku.com/player.php/sid/XMTY1NzYyMzkyNA==/v.swf

新增 ?VideoIDS=XMTY1NzYyMzkyNA&winType=adshow&isAutoPlay=true   注意VideoIDS是這個 

XMTY1NzYyMzkyNA

1 http://player.youku.com/player.php/sid/XMTY1NzYyMzkyNA==/v.swf?VideoIDS=XMTY1NzYyMzkyNA&winType=adshow&isAutoPlay=true
測試頁面:  注意需要引入 jQuery,  js實現替換優酷URL地址.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
   $(function(){
      var src = $("embed").attr("src"); 
      if(src !="" || src!= null){
           var src_split = src.replace(/http\:\/\/player\.youku\.com\/player\.php\/sid\//,"");
           var split_value = src_split.replace(/==\/v.swf/,"");
           var url = src +"?VideoIDS="+split_value+"&winType=adshow&isAutoPlay=true"
           $("embed").attr("src",url);
           $(".video").css("display","block")
      }
   });
</script>
</head>
<body>


<!--優化過的
<embed src='http://player.youku.com/player.php/sid/XMTY1NzYyMzkyNA==/v.swf?VideoIDS=XMTY1NzYyMzkyNA&winType=adshow&isAutoPlay=true' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>  
 -->
<!--原生的 --><embed src='http://player.youku.com/player.php/sid/XMTY1NzYyMzkyNA==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed> </body></html>