使用 HTML5 video 標籤播放本地(硬碟)影片檔案?


<video> 標籤用於新增影片,其影片格式如下 - MP4、WebM 和 Ogg

透過輸入元素選擇檔案時。

change 事件觸發

當用戶更改元素的值時,會觸發 <input>、<select> 和 <textarea> 元素的事件。

獲取檔案物件

File 介面提供有關檔案的資訊,並允許網頁中的 JavaScript 訪問內容。HTML <input> 元素的 file 屬性返回此型別的物件,最終讓你可以訪問使用 <input type="file"> 元素選擇的那些檔案列表。

指向 File 物件的物件 URL

使用 URL.createObjectURL() 靜態方法建立 DOMString,其中包含表示引數中給定物件的 URL。

將物件 URL 設定為 video.src 屬性

最後,下面介紹瞭如何使影片可見。使用 src 屬性新增影片檔案的位置(URL)。

更新於:2020 年 6 月 24 日

1K+ 瀏覽

開啟您的 事業

完成該課程以獲得認證

開始
廣告
© . All rights reserved.