資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何使用 JavaScript 設定 Video.js？
在本教程中，我們將學習如何使用 JavaScript 設定 video.js。我們還將檢視一些示例以更好地理解。
首先，Video.js 是一款非常流行且易於使用的現代 Web 影片播放器，它構建在 HTML5 之上，併為 Web 影片播放器提供了更好的功能和特性。它支援各種影片播放格式 - 標準 HTML5 格式和現代格式，如 Youtube、Vimeo 和 Flash。最重要的是 - 它幾乎適用於所有顯示尺寸，例如桌面電腦、手機等。
現在，讓我們看看如何使用 javascript 在您的專案中設定 Video.js。
安裝 Video.js
Video.js 可透過 CDN 和 **npm**（節點包管理器）正式使用。我們將檢視每種方法。
透過 CDN 安裝
在本地專案中包含 video.js 最方便的方法是使用免費的 CDN URL。
使用以下 CDN URL 包含 Video.js -
<link href="https://vjs.zencdn.net/7.19.2/video-js.css" rel="stylesheet" />
以上程式碼從 `
透過 NPM 安裝
要在您的專案中使用節點包管理器安裝 video.js，請在專案目錄中使用以下命令 -
npm install --save-dev video.js
此命令將安裝最新版本的 video.js，並將其儲存為 "package.json" 中的依賴項。
現在我們已經瞭解了兩種安裝影片的方法，讓我們在本文的下一節中學習如何在文章中使用 video.js。
建立播放器
Video.js 的一個關鍵優勢在於，它可以裝飾傳統的 `
Video.js 支援標準的 `
現在，我們將建立一個影片播放器，使用 `
示例
考慮以下所示的 HTML 程式碼。
<!DOCTYPE html> <html> <head> <link href="https://vjs.zencdn.net/7.19.2/video-js.css"rel="stylesheet" /> </head> <body> <video id="my-video" class="video-js" controls preload="auto"width="640" height="264" data-setup='{}'> <source src="https://tutorialspoint.tw/videos/sample1080p.mp4" type="video/mp4" /> </video> <script src="https://vjs.zencdn.net/7.19.2/video.min.js"></script> </body> </html>
在上面的示例中，您可以觀察到 -
我們正在使用 `
` 標籤和 `廣告