Class 9

Class 9
**********

今日作業呈現

今天教的是如何在網頁中嵌入YouTube，先到http://nchu-mis-html5.blogspot.tw➜學習素材➜HTML/JS/CSS/JQuery➜做個YouTube Player


1.
嵌入
<iframe>➜在網頁中挖一個指定大小的洞，填入其他網頁
<p>➜若iframe沒發生作用就顯示這行字
</iframe>

2.
給的範例程式碼中
<li><a href='javascript:videochange("_____")'></a></li>
                                                               ↳因為下面所寫的function，
                                                                 所以會傳YouTube序號的資料回來!
function videochange(id) {
            document.getElementById("player").innerHTML = videopanel(id);   
 }

3.
然後一樣到Materialize網站的Getting Started 頁面，下載 Materialize!
開壓縮檔，新增一個文件，就可以開始進行 Materialize css的初始設定了。
相關的程式碼要到materialize➜Components➜collection去看

4.
在http://nchu-mis-html5.blogspot.tw➜學習素材➜HTML/JS/CSS/JQuery➜做個YouTube Player下方[Playlist Show版本]的程式碼
範例中:  $.get(    )
               ↳改用JQuery寫程式，而非JavaScript



p.s.若要嵌入YouTube影片記得要先申請YouTube Data API key