隨著社會的快速發(fā)展，5G網(wǎng)絡(luò)帶來的流量紅利，還有攝像技術(shù)的進(jìn)一步提高，人的審美也由靜態(tài)變成動態(tài)，所以網(wǎng)站上的視頻也越來越重要，現(xiàn)在的網(wǎng)站都在包含有視頻，至少包含一個公司介紹的視頻，或者包含產(chǎn)品介紹的視頻。一般情況，我們國內(nèi)的客戶網(wǎng)站的視頻都是放在阿里云OOS對象存儲和騰訊云的COS對象存儲里的，雖然需要支付一定的費用，但它們是沒有廣告的，而且費用比較便宜。如果你做的是針對國外的網(wǎng)站，完全可以使用youtube來存放視頻，并且這些視頻是免費的。
 
第一步：打開任意的youtube的視頻網(wǎng)頁，在視頻的右下角有分享的功能，如下圖所示：

 
點擊“分享”，會彈出下圖所示的信息：

 
第二步，點擊“嵌入”的按鈕，在視頻的右邊會出現(xiàn)的頁面如下圖所示：

第三步，復(fù)制iframe中的src地址，即視頻地址，然后把它放到網(wǎng)頁上，代碼如下：
  <iframe  style="width: 100%; height: 100%; object-fit: fill; " src='https://www.youtube.com/embed/pkq57bcpEbQ' frameborder=0 'allowfullscreen'></iframe>
 
效果如下圖所示：

這樣就完整的把youtube視頻嵌入到頁面中了。因為視頻不是自動播放的，需要點擊才能播放，所以同樣適用于手機(jī)網(wǎng)站中。