Youtube內嵌視頻不能自適應的解決辦法
在做獨立站的進程中,市場上SAAS模式建站是不許可上傳較大視頻或干脆不許可上傳視頻。將網站自建者的服務器帶寬一般不大,將服務器上的視頻資源放在服務器上會占用大批的帶寬,影響全部網站的開放速度。但是在當前短視頻風靡的時期,在網站上添加一個產品或者一個評價視頻的視頻,都可以贊助進步轉化率。
世界上更大的視頻網站youtube對于寄存視頻特殊適合,便于分享流傳,也可以給網站帶來流量,迅速打開的同時還免費。
怎么把youtube視頻嵌入獨立站點?
youtube內嵌視頻不能自適應怎么辦?
1、尚未上載視頻的youtube網站請點擊左上角的三個橫桿-->選擇您的視頻-->點擊右上角的“創立”以上傳視頻-->然后打開視頻播放界面,點擊共享-->嵌入-->復制代碼。
2、打開商品詳細頁面等獨立站所要嵌入地位的編纂器,在打開編纂器后,點擊HTML切換到編碼模式-->粘貼剛剛復制的代碼,然后再按下html切換回視圖模式,查看youtube的視頻。
3、提交后在pc端的作用。
移動終端(移動端):我們能夠看到的視頻只有一半,而另一半沒有,這種情形可以通過嵌入代碼來解決。
4、在youtube代碼之外添加一個p模塊,以依據代碼對pc端和手機端進行定制。
附有代碼:
<p > <iframe src="https://www.youtube.com/embed/ZNziUUhjmvI" title="YouTube video player" frame allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""> </iframe></p><style type="text/css">.video-box{ position: relative; width: 100%; height: 0; padding-bOTTOm: 56.25%;}.video-box iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}@media screen and (max-width:800px){ .video-box{ width:100%; }}</style>
特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部