數位時代的寫作,是一種新形態的文本表達模式!
首頁
初學者技能教案專區
google Meet遠距上課技能
javascript互動文本寫作
融媒體Wix教學
網路新聞寫作:HTML&CSS
新聞影音剪輯:premiere
匯流寫作基模知識:gravit
基礎影音編輯:shotcut
基礎向量圖像編輯:inkscape
基礎圖像編輯:GIMP
排版設計scribus
匯流新聞專題寫作
影音新聞製作與剪輯(上課用)
新聞直播編導/OBS(上課用)
基礎新聞攝影(上課用)
數位排版/敘事(上課用)
西洋哲學史導讀
老子探義導讀
《論語》小談
《法華經》的思
品嚐《華嚴經》
Unsplash圖像集
Pexels 圖像集
我的給大學生書單
傳播理論/研究

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鍵。

影音教學:



沒有留言:

張貼留言