今天,除了專業的工作,一切都變得越來越容易,比如 在 HTML 中插入 MP4 視頻 網頁。 這是因為所有 Web 瀏覽器都沒有統一的標準來定義視頻等嵌入式媒體文件。 本章我們將演示兩種在網頁上添加視頻的方法,讓每個人都可以像專業人士一樣製作視頻嵌入HTML。
網頁使用 HTML 代碼來創建結構。 它類似於在 HTML 中添加 MP4 並嵌入照片。 但是,它需要更多控件,例如播放、循環、音頻等。此外,視頻應根據您的瀏覽器進行放大和縮小。 因此,它也需要一個外部 CSS 文檔。
首先,創建一個 CSS 文檔,然後輸入以下命令:
.welcome_vid {
顯示:塊;
左邊距:自動;
右邊距:自動;
寬度:80%;
高度:自動;
}
這意味著在 HTML 的中心添加 MP4 並使視頻具有響應性。 將 CSS 文檔命名為 style.css文件 並將其放在與網頁相同的目錄中。
通過向網頁添加代碼,將 CSS 文檔插入網頁:
現在,使用以下代碼在 HTML 中插入 MP4:
此瀏覽器不顯示視頻標籤。
更換 路徑 使用您的視頻文件夾路徑或 URL 以及 名稱 與您的 MP4 文件名。
保存網頁並檢查視頻是否在網頁上播放。
命令語言對於初學者和普通人來說很難。 您可能想知道是否可以在沒有任何技術技能的情況下在 HTML 中添加 MP4。 以下步驟可能會有所幫助。
在瀏覽器中打開 YouTube 網站,然後登錄您的帳戶。 如果沒有,請創建一個新帳戶。
點擊 創建 右上角帶有攝像機圖標的按鈕,然後選擇 上傳視頻。 然後點擊 選擇文件 按鈕並上傳您要插入 HTML 的 MP4。
按照屏幕上的說明設置說明和其他選項。 最後,擊中 保存 按鈕。
接下來,在 YouTube 中打開上傳的視頻,您會看到幾個選項。 點擊 分享到 圖標,您將獲得共享面板。 前往 嵌入 選項卡,複製框中的鏈接並將其粘貼到您的網頁中。 MP4 將添加到您的 HTML 文檔中。 默認情況下,視頻嵌入在 iframe 中。 您還可以更改代碼,例如視頻大小等。
注意: YouTube 僅支持上傳小於 12GB 的視頻長達 128 小時。 推薦的縱橫比為 16:9。
MP4 是一種標準視頻格式,用於通過 Internet 分發動畫內容。 有時,您只有 AVI、MKV 或其他無損視頻文件。 它們提供比 MP4 更好的質量,但文件大小更大。 最好的解決方案是將您的視頻文件轉換為 MP4 藍光主視頻轉換器旗艦版.
最佳MP4轉換器的主要功能
簡而言之,將視頻文件轉換為 MP4 是最佳選擇。
怎麼把視頻變成鏈接?
要將視頻轉換為 URL 鏈接,您需要一個主機服務。 幸運的是,有許多可用的服務。 例如,YouTube 使您能夠上傳視頻並轉換為鏈接。 此外,像 Dropbox 這樣的雲服務也有這樣的能力。
哪個標籤用於在 HTML 中插入視頻?
這元素為 HTML5 中的 HTML 規範添加了原生視頻播放支持,可用於將視頻嵌入到 HTML 文檔中。
如何在頁面加載時播放視頻?
在 HTML5 之前,為了在網頁上播放視頻,您需要 Adobe Flash Player 插件。 隨著 HTML5 的引入,您現在可以將視頻直接放入頁面本身。
本指南告訴您兩種將 MP4 插入 HTML 的簡單方法,以便您可以在網頁上發布視頻。 對於初學者,您可以使用 YouTube 作為主機並創建視頻鏈接。 但是,HTML 代碼為您提供了更多的視頻播放控制。 如果您有其他問題,請隨時在此帖子下方留言。
更多閱讀
如何將 DAV 轉換為 MP4 – 3 種可行的方法來轉換 CCTV DAV 文件
什麼是 DAV 文件? 當您在 DAV 中錄製了一些視頻後,如何將 DAV 轉換為 MP4? 只需從文章中了解有關 3 種可行方法的更多信息。
在 Windows 和 Mac 上將 M2A 轉換為 MP4 的 4 種最佳方法
當您想將 iTunes M4A 轉換為 Android 手機或其他設備時,您可以從文章中獲得 2 種有效且簡單的方法將 M4A 轉換為 MP4。
您是否無法在計算機上打開 WLMP 文件? 事實是沒有媒體播放器可以播放它。 您需要將 WLMP 轉換為 MP4。 本文將為您提供 3 種將 WLMP 轉換為 MP4 的方法。
您是否無法在計算機上打開 WLMP 文件? 事實是沒有媒體播放器可以播放它。 您需要將 WLMP 轉換為 MP4。 本文將為您提供 3 種將 WLMP 轉換為 MP4 的方法。