如何从网络打开媒体文件 (HTML)

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅最新文档 ]

将 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 应用商店应用中支持的音频和视频媒体格式的信息，请参阅支持的音频和视频格式。

如果你是从 Internet 上获取文件，则你将需要在你的项目的 Package.appmanifest 文件中设置 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";