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

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

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

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

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