如何像專業人士一樣在 HTML 中嵌入 MP4 影片文件

如何像專業人士一樣在 HTML 中嵌入 MP4 影片文件

賽琳娜·托馬斯

2021年8月27日 15:00發表者 MP4

如今,一切都變得越來越容易,除了專業工作,例如 在 HTML 中插入 MP4 視頻 網頁。這是因為所有網頁瀏覽器都沒有統一的標準來定義影片等嵌入式媒體檔案。本章我們將示範兩種在網頁上新增影片的方法,以便大家可以像專業人士一樣將影片嵌入HTML。

在 HTML 中嵌入 MP4

第 1 部分:如何在 HTML 中插入 MP4

方法一:如何用程式碼在HTML中嵌入MP4

網頁使用 HTML 程式碼來建立結構。它類似於在 HTML 中添加 MP4 並嵌入照片。但是,它需要更多的控制,例如播放、循環、音訊等。因此,它也需要一個外部CSS文檔。

MP4 HTML

步驟1

首先,建立一個CSS文檔,然後輸入以下命令:

.welcome_vid {
顯示:塊;
左邊距:自動;
右邊距:自動;
寬度:80%;
高度:自動;
}

這意味著將 MP4 新增至 HTML 的中心並使影片具有響應能力。將 CSS 文件命名為 樣式.css 並與網頁放在同一目錄下。

第2步

透過在網頁中加入程式碼,將CSS文件插入網頁中:

<head>
<link rel=”stylesheet” href=”style.css” type=”text/css” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
</head>

步驟3

現在,使用以下程式碼在 HTML 中插入 MP4:

代替 小路 與您的視訊資料夾路徑或 URL 以及 姓名 與您的 MP4 檔名。

步驟4

儲存網頁並檢查影片是否在網頁上播放。

方法 2:如何在 HTML 中新增 YouTube MP4

命令語言對於初學者和一般人來說很難。您可能想知道是否可以在 HTML 中新增 MP4,而無需任何技術技能。以下步驟可能會有所幫助。

步驟1

在瀏覽器中開啟 YouTube 網站,然後登入您的帳戶。如果沒有,請建立一個新帳戶。

第2步

點選 創造 按鈕(右上角帶有攝影機圖示),然後選擇 上傳影片。然後點擊 選擇文件 按鈕並上傳要插入 HTML 的 MP4。

上傳影片

步驟3

請按照螢幕上的指示設定描述和其他選項。最後,點擊 節省 按鈕。

步驟4

接下來,在 YouTube 中打開上傳的視頻,您將看到幾個選項。點選 分享 圖標,您將看到共享面板。前往 嵌入 選項卡,複製框中的連結並將其貼到您的網頁中。 MP4 將會加入您的 HTML 文件中。預設情況下,視訊嵌入在 iframe 內。您還可以更改程式碼,例如視訊大小等。

分享面板

筆記: YouTube 最多僅支援 12 小時以內且小於 128GB 的影片。建議的寬高比為 16:9。

推薦:最佳 MP4 轉換器

新增文件

MP4 是透過網路散佈動畫內容的標準影片格式。有時,您只有 AVI、MKV 或其他無損視訊檔案。它們提供比 MP4 更好的質量,但檔案大小更大。最好的解決方案是將視訊檔案轉換為 MP4 藍光大師視訊轉換器旗艦版.

最佳 MP4 轉換器的主要特點

簡而言之,它將視訊檔案轉換為 MP4 的最佳選擇。

第 2 部分:在 HTML 中嵌入 MP4 的常見問題解答

如何將影片變成連結?

要將影片轉換為 URL 鏈接,您需要託管服務。幸運的是,有很多可用的服務。例如,YouTube 允許您上傳影片並將其轉換為連結。而且像Dropbox這樣的雲端服務也有這樣的能力。

HTML 中使用哪個標籤插入影片?

如何在頁面載入時播放影片?

在 HTML5 之前,為了在網頁上播放視頻,您需要 Adobe Flash Player 插件。隨著 HTML5 的引入,您現在可以將影片直接放入頁面本身。

結論

本指南告訴您兩種將 MP4 插入 HTML 的簡單方法,以便您可以在網頁上發布影片。對於初學者,您可以使用YouTube作為主機並建立影片連結。然而,HTML 程式碼為您提供了對影片播放的更多控制。如果您還有其他問題,歡迎在本貼文下方留言。

你怎麼看這個帖子?

出色的

評分:4.9 / 5(180 票)

更多閱讀

如何將 DAV 轉換為 MP4 – 轉換 CCTV DAV 檔案的 3 種可行方法

什麼是 .dav 檔案?當您在 DAV 中錄製了一些影片後,如何將 DAV 轉換為 MP4?只需從本文中了解有關 3 種可行方法的更多資訊。

在 Windows 和 Mac 上將 M4A 轉換為 MP4 的 2 種最佳方法

當您想要將 iTunes M4A 轉換為 Android 手機或其他裝置時,您可以從本文中獲得 2 種將 M4A 轉換為 MP4 的高效且簡單的方法。

如何將 WLMP 檔案轉換為 MP4

您是否無法在電腦上開啟 WLMP 檔案?事實上沒有媒體播放器可以播放它。您需要將 WLMP 轉換為 MP4。本文將為您提供 3 種將 WLMP 轉換為 MP4 的方法。

如何將 WLMP 檔案轉換為 MP4

您是否無法在電腦上開啟 WLMP 檔案?事實上沒有媒體播放器可以播放它。您需要將 WLMP 轉換為 MP4。本文將為您提供 3 種將 WLMP 轉換為 MP4 的方法。

MP4

什麼是MP4 從 MP4 擷取字幕 MP4 元資料編輯器 MOV 與 MP4 壓縮 MP4 文件 MP4切割機 裁切 MP4