Youtube內(nèi)嵌視頻不能自適應(yīng)的解決辦法-ESG跨境

在做獨(dú)立站的進(jìn)程中，市場(chǎng)上SAAS模式建站是不許可上傳較大視頻或干脆不許可上傳視頻。將網(wǎng)站自建者的服務(wù)器帶寬一般不大，將服務(wù)器上的視頻資源放在服務(wù)器上會(huì)占用大批的帶寬，影響全部網(wǎng)站的開放速度。但是在當(dāng)前短視頻風(fēng)靡的時(shí)期，在網(wǎng)站上添加一個(gè)產(chǎn)品或者一個(gè)評(píng)價(jià)視頻的視頻，都可以贊助進(jìn)步轉(zhuǎn)化率。

世界上更大的視頻網(wǎng)站youtube對(duì)于寄存視頻特殊適合，便于分享流傳，也可以給網(wǎng)站帶來流量，迅速打開的同時(shí)還免費(fèi)。

怎么把youtube視頻嵌入獨(dú)立站點(diǎn)？

youtube內(nèi)嵌視頻不能自適應(yīng)怎么辦？

1、尚未上載視頻的youtube網(wǎng)站請(qǐng)點(diǎn)擊左上角的三個(gè)橫桿-->選擇您的視頻-->點(diǎn)擊右上角的“創(chuàng)立”以上傳視頻-->然后打開視頻播放界面，點(diǎn)擊共享-->嵌入-->復(fù)制代碼。

2、打開商品詳細(xì)頁面等獨(dú)立站所要嵌入地位的編纂器，在打開編纂器后，點(diǎn)擊HTML切換到編碼模式-->粘貼剛剛復(fù)制的代碼，然后再按下html切換回視圖模式，查看youtube的視頻。

3、提交后在pc端的作用。

移動(dòng)終端(移動(dòng)端)：我們能夠看到的視頻只有一半，而另一半沒有，這種情形可以通過嵌入代碼來解決。

4、在youtube代碼之外添加一個(gè)p模塊，以依據(jù)代碼對(duì)pc端和手機(jī)端進(jìn)行定制。

附有代碼：

<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>

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。