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