2014年5月23日 星期五

一進入文章就自動跳出影音



您好，潛水一陣子了，撈了不少知識，真是感 謝！！但有個問題一直找不到方式解決，能否給 個建議或方法，如何把youtube的影片嵌入在首頁，如：http://www.pyct-basketball.com.tw/ ，因公司老闆一直希望能在官網首頁放一個大大的影片，但首頁已經滿滿了，不可能再挖一個位置放影片，且老闆是希望要大大大，能否給予建議呢？？？謝謝

一、請在<head> xxx</head>之間或<body>之後加入jQuery程式碼：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript"
src="http://lmcdwriting.org/userfiles/lmcsilver20121007/fancyapps-fancyBox-0ffc358/source/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css"
href="http://lmcdwriting.org/userfiles/lmcsilver20121007/fancyapps-fancyBox-0ffc358/source/jquery.fancybox.css"
media="screen"></link>
二、請在<body>之後加入下列語法，讓影音跳出來：

<script>
$(function () {

$.fancybox({
width: 560,
height: 315,
href: 'http://www.youtube.com/embed/TDeGpEx29vY?rel=0',
title: '這是新聞系的資料交換雲',
type: 'iframe',
padding: 5,
openEffect: 'elastic',
preload: true
});

});
</script>
三、注意事項：
  1. 程式碼 1.9.1.js 那條（紅色字體）， 如果其他互動模組已有用過，就不用再重覆出現。這條在文章中只要出現一次就好。請保留最早出現的那一條。
  2. 要跳出的影音，寬度和高度一定要設好（綠色字）， 才會好看。因為這是一進入頁面就要主動跳出來的，建設能設成多大就多大，氣勢才會出來。
  3. 藍色字部分是影音在 youtube的位置，請看教學影音，即一開始就跳出來那個影音。請按瀏覽器的reload鍵。

影音教學：


沒有留言:

張貼留言