展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

<iframe id="intro-video" title="HTML 入門影片" src="data:text/html,%E5%B0%9A%E6%9C%AA%E5%AE%8C%E6%88%90" width="560" height="315" allowfullscreen>
<p id="media-purpose">請說明觀看這段內容的目的</p>
<a id="media-source">外部延伸資源尚未設定</a>

<iframe id="intro-video" title="HTML 入門影片" src="https://www.youtube-nocookie.com/embed/UB1O30fR-EE" width="560" height="315" allowfullscreen>
<p id="media-purpose">觀看這段影片，先認識 HTML 如何描述頁面結構。</p>
<a id="media-source" href="https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/iframe">閱讀 iframe 延伸說明</a>

本練習沒有這個檔案。

本步驟不需修改此語言。

本練習沒有這個檔案。

本步驟不需修改此語言。

本練習沒有這個檔案。

本步驟不需修改此語言。

1. 準備

   先確認素材檔與網路連線可用，再開啟本階段頁面。

2. 操作

   先讀影片旁的觀看目的，再按下播放鍵，最後點擊外部連結確認能開啟有效 HTTPS 頁面。

3. 預期

   影片可播放，旁邊有觀看目的與可開啟的外部連結