隨著社會的快速發(fā)展,5G網絡帶來的流量紅利,還有攝像技術的進一步提高,人的審美也由靜態(tài)變成動態(tài),所以網站上的視頻也越來越重要,現在的網站都在包含有視頻,至少包含一個公司介紹的視頻,或者包含產品介紹的視頻。一般情況,我們國內的客戶網站的視頻都是放在阿里云OOS對象存儲和騰訊云的COS對象存儲里的,雖然需要支付一定的費用,但它們是沒有廣告的,而且費用比較便宜。如果你做的是針對國外的網站,完全可以使用youtube來存放視頻,并且這些視頻是免費的。
第一步:打開任意的youtube的視頻網頁,在視頻的右下角有分享的功能,如下圖所示:
點擊“分享”,會彈出下圖所示的信息:
第二步,點擊“嵌入”的按鈕,在視頻的右邊會出現的頁面如下圖所示:
第三步,復制iframe中的src地址,即視頻地址,然后把它放到網頁上,代碼如下:
<iframe style="width: 100%; height: 100%; object-fit: fill; " src='https://www.youtube.com/embed/pkq57bcpEbQ' frameborder=0 'allowfullscreen'></iframe>
效果如下圖所示:
這樣就完整的把youtube視頻嵌入到頁面中了。因為視頻不是自動播放的,需要點擊才能播放,所以同樣適用于手機網站中。