如何開啟網路上的媒體檔案 (HTML)

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App，請參閱最新文件 ]

將 audio 或 video 元素的媒體來源設定成網路上的媒體檔案。

這個主題假設您知道如何建立基本的使用 JavaScript 的 Windows 執行階段應用程式。如需建立第一個應用程式的協助，請參閱 Create your first Windows Runtime app using JavaScript。

這個主題假設您熟悉 HTML audio 和 video 元素。如需使用 audio 和 video 元素的簡介，請參閱快速入門：在應用程式中播放視訊。

指示

audio 和 video 元素會播放使用 JavaScript 的 Windows 執行階段應用程式中的音訊或視訊媒體。src 屬性會指定要播放的媒體檔案。這個檔案可以是網路上的檔案、應用程式隨附的檔案或本機系統上的檔案。

若要播放位於網路上的檔案或內嵌於應用程式的檔案，請將 src 屬性設定為檔案的路徑。

若要開啟本機系統或 Microsoft OneDrive 上的檔案，您可以使用 FileOpenPicker 來取得檔案。如需詳細資訊，請參閱如何使用 FileOpenPicker 控制項開啟本機媒體檔案。

在這個主題中，我們要複習如何將 src 設定成網路上或應用程式中內嵌的媒體檔案。

如需 Windows 市集應用程式支援的音訊與視訊媒體格式相關資訊，請參閱支援的音訊與視訊格式。

如果從網際網路取得檔案，您需要在專案的 Package.appmanifes 檔案中設定 Internet (Client) 功能。如需宣告功能的詳細資訊，請參閱應用程式功能宣告。

以下的程式碼會嘗試設定 video 元素的 src 屬性。

<body>
  <video id="mediaVideo" src="https://www.contoso.com/clip.mp4" controls/>
</body>

    var media = document.getElementById("mediaVideo");
    media.src = "https://www.contoso.com/clip2.mp4";