如何從任何來源嵌入視頻代碼

已發表: 2022-05-14

視頻嵌入代碼是包含視頻數據的代碼字符串:其 URL、大小和名稱,以及其他變量。 這些代碼允許您在博客和登錄頁面上顯示視頻內容。 而且您肯定希望在您的博客和登錄頁面上顯示視頻內容——Wistia 的研究表明,視頻可以將會話時間提高 2.6 倍。

您需要學習如何自定義和嵌入來自任何來源的視頻代碼,以確保視頻流暢播放。 不知道如何正確嵌入代碼可能意味著託管一個觀看者無法觀看或分享的無響應視頻。 這三個步驟超越了通常的“複製粘貼”建議,教您如何在文章中嵌入突出的視頻。

1. 選擇您將在哪里托管您的視頻。

每個視頻託管服務都有獨特的功能和限制。 一些託管服務提供商只提供基本工具。 這些將讓您託管視頻並選擇它們的位置,如果您只需要在您的網站上分發視頻就足夠了。 但對於其他公司來說,這些工具可能不足以滿足您的所有需求。 例如,如果您想編輯視頻的播放方式並跟踪其性能,那麼一個基本的託管服務是不夠的。

便宜的託管服務提供商價格實惠,但它們的停機時間比信譽好的託管服務提供商多。 無法觀看承諾解決重要問題的視頻的讀者會在別處尋找答案。 無論您是從筆記本電腦嵌入視頻還是從流媒體網站嵌入視頻都沒有關係——您需要選擇一家信譽良好的託管服務提供商,其工具可幫助您實現目標。

您的目標決定了您將選擇的主機。 如果您想提高品牌知名度,請使用 YouTube。 您上傳到 YouTube 並隨後嵌入您的網站的視頻將在 YouTube 和 Google 搜索中排名,因此您將覆蓋最廣泛的受眾。

對於專注於高意向潛在客戶而不是廣泛覆蓋範圍的公司而言,Wistia 是一個更好的選擇,因為它具有視頻內潛在客戶生成工具。 它允許您添加 CTA 和表單以直接從視頻播放器構建潛在客戶列表。

2.找到視頻的嵌入代碼

一些 CMS 允許您在沒有嵌入代碼的情況下嵌入視頻。 您只需粘貼視頻的 URL,CMS 就會將其插入您的網站。 雖然方便,但最好手動搜索視頻及其嵌入代碼。 訪問代碼允許您以您想要的方式展示您的視頻。

對嵌入代碼的完全控制使您可以跨設備提供愉快的觀看體驗。 輕鬆觀看視頻對於幫助您的網頁在 Google 上排名至關重要。 他們的 Web Vitals 衡量瀏覽您的頁面的難易程度。 當觀眾因為位置而難以播放或點擊按鈕時,Google 可以將您的文章降級。

大多數託管服務將嵌入代碼存儲在視頻播放器的共享選項下。 雖然代碼的信息因主機而異,但您通常會看到有關視頻大小、持續時間和標題的數據。 準備好嵌入視頻後,您可以編輯此信息。

3. 自定義視頻的外觀和播放方式

您可以通過編輯視頻的外觀和播放方式來增加有人觀看您的視頻的可能性。 未經編輯的嵌入式代碼可能會播放在文章中丟失或花費太長時間才能到達重點的視頻,從而獲得零瀏覽量。 您可以通過一些調整來最大化您的視頻獲得的觀看次數。

外貌

如果有人觀看您的視頻,您的視頻播放器的大小、顏色和位置會影響。 如果播放器太小或幾乎看不到,觀看者可能會錯過您的視頻。 要影響讀者停止滾動,請為您的視頻播放器選擇一種與頁面其餘部分形成對比的顏色。

假設您的頁面使用白色背景,而您的視頻播放器使用淺色的縮略圖和播放按鈕。 在這種情況下,瀏覽您文章的讀者可能看不到它。 或者,假設您編輯嵌入代碼,使播放按鈕呈鮮紅色,視頻覆蓋 80% 的頁面。 這些編輯將使觀眾很難錯過您的視頻。

您可以通過編輯代碼來編輯視頻的大小和播放器的顏色。 要更改大小,請轉到嵌入代碼並查找“width=”和“height=”。 選擇覆蓋您網站大部分屏幕的尺寸以使其可見。 在大多數情況下,1280 像素的寬度和 720 像素的高度就足夠了。

內嵌樣式代碼可以調整視頻播放器的顏色及其邊框。 通過首先在代碼中找到單詞“iframe”來更改這些元素。 此文本是將另一個文檔嵌入 HTML 文件的代碼行。 然後粘貼 style="border: 5px solid #AAA; 緊隨其後。 “px”前面的數字表示邊框的寬度,而#state 後面的三個字母定義了HTML 顏色代碼中邊框的顏色。

播放器設置

嵌入視頻的播放方式因代碼參數(也稱為屬性)而異。 編輯代碼以使您的視頻對觀眾更有用。

有時您希望觀眾跳過視頻的開頭。 也許介紹對他們的問題沒有幫助,您希望他們直接獲得基本信息。 或者它可能針對不同的受眾,但包含每個人都可能覺得有用的信息。 無論出於何種原因,您都可以隨時調整代碼以開始播放視頻。

YouTube 的嵌入選項可讓您編輯視頻的開始時間,而無需編寫代碼行。 轉到共享、嵌入,勾選“開始於”框,然後寫下您的視頻應該開始的時間。 YouTube 以外的人通常可以在嵌入選項下設置開始時間。

另一個有用的屬性是 Loop 參數,它允許您在視頻完成後自行重複播放。 這對於觀看者從教育視頻中學習技能很有用。 這種好處的出現是因為大腦更善於回憶和保留它不止一次看到或聽到的信息。

通過勾選嵌入選項中的框,您可以在大多數託管服務中循環播放您的視頻。 如果您在 YouTube 上託管,請在嵌入代碼中查找“src=”後的網址——這行代碼就是源 URL。

然後,查找視頻 ID——“/embed/”後面的字母數字字母。 在視頻 ID 的最後一個數字旁邊寫下“?playlist=[Video ID] &loop=1”,從那時起,您的嵌入視頻將自行循環播放。

將 Vyond 製作的視頻嵌入您的網站

Vyond 是一款直觀的動畫軟件,營銷、人力資源和學習與開發團隊的成員可以使用它來創建引人入勝的視頻。 這些視頻將入職時間縮短了 67%,將轉化率提高了相同的百分比,並將視頻份額提高了 375%。 使用 Vyond 的模板,任何人——無論視頻動畫經驗如何——都可以從使用視頻中獲得巨大的好處。

開始免費試用