- iframe元素
iframe稱為線內框架，就是把另一個網頁嵌到自己的網頁，這也可以用在嵌入youtube的影片
這個元素的style為自己設定的，這也是為了達到自適應 (RWD響應式網頁設計) 的效果。而frameborder="0"這個東東是要必免讓這個東東外面有框框，如果沒有多做設定就會有框框。 -
audio元素
src為載入網址
controls="controls"為是否顯示控制面版，建議顯示，若沒設定則預設為不顯示
preload是設定文檔是否先載入，有關網頁載入速度，如果設定preload="metadata"代表「當網頁載入時，僅先載入檔案的資訊 (大小、長度)」，如果設定preload="none"代表「當網頁載入時，不要同時加載檔案」，如果設定preload="auto"或不做設定，代表「當網頁載入時，同時加載檔案」
其他可用屬性
loop：
loop="loop"為重覆播放，不多加設定為不重覆播放
autoplay：
autoplay="autoplay"為自動播放，不多加設定為不自動播放 -
video 屬性
影片元素，這個元素是html5新增的
某些瀏覽器並不支援所有影片格式，所以就會使用<source>來做複數指定。<source>不用結尾有人記做<source/>
例如：
<source src="example-video.ogg" type="video/ogg"/>
<source src="example-video.mp4" type="video/mp4"/>
其他可用屬性
- autoplay(自動播放)：你可以輸入"autoplay"(開啟自動播放)、"" (空白字串，開啟自動播放)、或不輸入(開啟自動播放)。
- preload(預先載入)：你可以輸入"none"(關閉預先載入)、"metadata"(開啟預先載入)、"auto"(自動)、"" (空白字串，開啟預先載入)、或不輸入(開啟預先載入)。
- contruls(控制按鈕)：你可以輸入"contruls"(開啟控制按鈕)、"" (空白字串，開啟)、或不輸入(開啟)。
- 瀏覽器預設是沒有其他控制項目的，如果你開啟，你可以提供一些播放控制元件，播放、暂停、定位、音量、全螢幕、字幕（如果可用）、聲道（如果可用），這些可以透過額外的Javascript來完成。
- loop(播放循環)：你可以輸入"loop"(開啟循環)、"" (空白字串，開啟)、或不輸入(開啟)。
- poster(預覽圖片)：用來選擇影片播放前，所顯示的圖片，不能空白，若要使用此屬性則請輸入圖片網址。
- height(影片高度)：請輸入非負的整數，不需輸入單位(px，pixel)。
- width(影片寬度)：請輸入非負的整數，不需輸入單位(px，pixel)。
- muted(靜音)：你可以輸入"muted" (開啟靜音)、"" (空白字串，開啟)、或不輸入(開啟)。
- src(影片位置)：放置影片原始檔的網址，或相對位址。
所以上面提供的範例意思是「這個影片我要有控制按鈕，要預先載入影片，然後影片結束之後要循環播放，在開始播放之前，顯示預覽圖片，寬是640px，高是360px」。
再來是中間的<source … />標籤，意思是影片的原始檔位置與類型。
- 檔案位置請用「src="檔案位置"」，這個屬性，如果影片和網站在相同的資料夾，則在「檔案位置」中直接輸入影片檔名(主檔名+副檔名)，如果不是，你可以直接輸入網址如<source src="https://…/~.mp4" />，例如：<source src="https://example/html5-video-tag/Yif-Magic.mp4" />
- 類型的選擇請用「type="video/檔案類型"」，例如，如果附檔名是「.mp4」，則類型的選擇請寫「type="video/mp4"」；如果是「.webm」，則寫「type="video/web"」；注意，如果是「.ogv」，則類型的選擇請寫「type="video/ogg"」，不要問我為什麼，因為我也不知道這個地方就會不一樣。如果想知道個多可以上網Google。
2017年9月26日 星期二
[ HTML ] HTML5 基礎多媒體篇
