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


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

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

change 事件被觸發

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

獲取檔案物件

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

指向 File 物件的物件 URL

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

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

最後,這是顯示影片的方法。使用 src 屬性新增影片檔案的路徑(URL)。

更新於:2020-06-24

1K+ 瀏覽量

啟動您的職業生涯

完成課程獲取認證

開始
廣告
© . All rights reserved.