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

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

賽琳娜·托馬斯(Selena Thomas)

八月27,2021 15:00來自 MP4

今天,除了專業的工作,一切都變得越來越容易,比如 在 HTML 中插入 MP4 視頻 網頁。 這是因為所有 Web 瀏覽器都沒有統一的標準來定義視頻等嵌入式媒體文件。 本章我們將演示兩種在網頁上添加視頻的方法,讓每個人都可以像專業人士一樣製作視頻嵌入HTML。

在HTML中嵌入MP4

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

方法 1:如何使用代碼在 HTML 中嵌入 MP4

網頁使用 HTML 代碼來創建結構。 它類似於在 HTML 中添加 MP4 並嵌入照片。 但是,它需要更多控件,例如播放、循環、音頻等。此外,視頻應根據您的瀏覽器進行放大和縮小。 因此,它也需要一個外部 CSS 文檔。

網頁格式

步驟 1

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

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

這意味著在 HTML 的中心添加 MP4 並使視頻具有響應性。 將 CSS 文檔命名為 style.css文件 並將其放在與網頁相同的目錄中。

步驟 2

通過向網頁添加代碼,將 CSS 文檔插入網頁:




步驟 3

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



此瀏覽器不顯示視頻標籤。

更換 路徑 使用您的視頻文件夾路徑或 URL 以及 名稱 與您的 MP4 文件名。

步驟 4

保存網頁並檢查視頻是否在網頁上播放。

方法 2:如何在 HTML 中添加 YouTube MP4

命令語言對於初學者和普通人來說很難。 您可能想知道是否可以在沒有任何技術技能的情況下在 HTML 中添加 MP4。 以下步驟可能會有所幫助。

步驟 1

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

步驟 2

點擊 創建 右上角帶有攝像機圖標的按鈕,然後選擇 上傳視頻。 然後點擊 選擇文件 按鈕並上傳您要插入 HTML 的 MP4。

上傳視頻

步驟 3

按照屏幕上的說明設置說明和其他選項。 最後,擊中 保存 按鈕。

步驟 4

接下來,在 YouTube 中打開上傳的視頻,您會看到幾個選項。 點擊 分享到 圖標,您將獲得共享面板。 前往 嵌入 選項卡,複製框中的鏈接並將其粘貼到您的網頁中。 MP4 將添加到您的 HTML 文檔中。 默認情況下,視頻嵌入在 iframe 中。 您還可以更改代碼,例如視頻大小等。

分享小組

注意: YouTube 僅支持上傳小於 12GB 的​​視頻長達 128 小時。 推薦的縱橫比為 16:9。

推薦:最佳MP4轉換器

添加文件

MP4 是一種標準視頻格式,用於通過 Internet 分發動畫內容。 有時,您只有 AVI、MKV 或其他無損視頻文件。 它們提供比 MP4 更好的質量,但文件大小更大。 最好的解決方案是將您的視頻文件轉換為 MP4 藍光主視頻轉換器旗艦版.

最佳MP4轉換器的主要功能

簡而言之,將視頻文件轉換為 MP4 是最佳選擇。

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

怎麼把視頻變成鏈接?

要將視頻轉換為 URL 鏈接,您需要一個主機服務。 幸運的是,有許多可用的服務。 例如,YouTube 使您能夠上傳視頻並轉換為鏈接。 此外,像 Dropbox 這樣的雲服務也有這樣的能力。

哪個標籤用於在 HTML 中插入視頻?

這元素為 HTML5 中的 HTML 規範添加了原生視頻播放支持,可用於將視頻嵌入到 HTML 文檔中。

如何在頁面加載時播放視頻?

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

結論

本指南告訴您兩種將 MP4 插入 HTML 的簡單方法,以便您可以在網頁上發布視頻。 對於初學者,您可以使用 YouTube 作為主機並創建視頻鏈接。 但是,HTML 代碼為您提供了更多的視頻播放控制。 如果您有其他問題,請隨時在此帖子下方留言。

你怎麼看這個帖子?

評分:4.9 / 5(180票)

更多閱讀

如何將 DAV 轉換為 MP4 – 3 種可行的方法來轉換 CCTV DAV 文件

什麼是 DAV 文件? 當您在 DAV 中錄製了一些視頻後,如何將 DAV 轉換為 MP4? 只需從文章中了解有關 3 種可行方法的更多信息。

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

當您想將 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 vs MP4 壓縮MP4文件 MP4切割機 裁剪MP4