影片的屬性與音樂相同，額外可以設置的是影片的寬度(Width)和高度(Height)。首先介紹一下HTML的子頁標示(或子框架)<iframe></iframe>，概念就像是櫥櫃一樣，櫥櫃本身就是開發者所撰寫的網頁，而櫥櫃內又可以分成幾個小櫥櫃來擺放東西，而這個小櫥櫃在網頁上就相當於iframe，iframe的主要功能是可以顯示其他的網頁內容，在這邊就先以iframe來顯示Youtube上的影片為例
例如:利用iframe來插入影片(影片為碩士論文的程式影片)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/S7AvzK1W0nI" frameborder="0" allowfullscreen>
</iframe>
</body>
</html>
結果:
上例也可以直接從Youtube分享中選擇嵌入取得嵌入碼。接著就是介紹要如何在網頁上插入影片檔，HTML所支援的影片檔格是為mp4、webm、ogg，例子如下:
例如:HTML插入影片檔
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<video width=”560” height=”315” controls autoplay loop>
<source src=”MyVideo.mp4” type=”video/mp4”>
</video>
</body>
</html>
沒有留言:
張貼留言