ecshop文章嵌入youtube影片的兩種方法 (From we-shop)

ecshop文章嵌入youtube影片的兩種方法

« 於: 九月 09, 2011, 10:17:14 下午 »

• 引用

代碼: [選擇]

<object width="640" height="480" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="movie" value="http://www.youtube.com/v/影片ID&hl=zh_TW&fs=1"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/影片ID&hl=zh_TW&fs=1" type="application/x-shockwave-flash" wmode="transparent" width="640" height="480">
</embed>
</object>上面是一段可在ecshop文章中嵌入影 片撥放器的代碼，可在IE或FireFox瀏覽器正常顯示，缺點就是會占用大部分版面，如果同時嵌入太多影片，還會影響網頁載入速度...
影片的網址為:http://www.youtube.com/watch?v=XtKJK1zq2i0&feature=player_embedded
ID就是v=到&feature=之間的字(XtKJK1zq2i0)
把影片ID替換掉就可以撥放不同影片
另一種方式是調用youtube的縮圖，除了不佔版面，不影響網頁速度，還能與文章進行文繞圖，使用方式更為簡單，第一次使用在網頁的</head>之前加入下列程式碼:

代碼: [選擇]

<link href=http://www.we-shop.net/video/shadowbox/shadowbox.css rel=stylesheet type=text/css />
<script type=text/javascript src=http://www.we-shop.net/video/shadowbox/shadowbox.js></script>然後在文章中或模板任何地方加入下列程式 碼:
除了用縮圖顯示外還會自動擷取標題，圖文並排時，圖片是靠文字左側顯示的...

代碼: [選擇]

<script type="text/javascript" language="JavaScript" src="http://www.we-shop.net/video/s