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

 
點(diǎn)擊“分享”，會(huì)彈出下圖所示的信息：

 
第二步，點(diǎn)擊“嵌入”的按鈕，在視頻的右邊會(huì)出現(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視頻嵌入到頁面中了。因?yàn)橐曨l不是自動(dòng)播放的，需要點(diǎn)擊才能播放，所以同樣適用于手機(jī)網(wǎng)站中。