站長在線出品的mip建站系統(tǒng)的mipdiy 模板里面，充分的考慮到了mip調(diào)用視頻的時(shí)候，是固定大小的，而不同的瀏覽器和設(shè)備，顯示的寬度是不一樣的，要想達(dá)到最佳的用戶體驗(yàn)，因此，本站的模板設(shè)計(jì)出來了兩個(gè)不同大小的視頻，電腦的話就顯示電腦版，手機(jī)的話，就顯示手機(jī)版，這樣用戶體驗(yàn)更好。

問：如果使用mipdiy模版集成的【同一視頻，顯示不同大小】的問題的功能？

答：站長在線出品的MIP建站系統(tǒng)的mipdiy 模板里面，充分的考慮到了mip調(diào)用視頻的時(shí)候，是固定大小的，而不同的瀏覽器和設(shè)備，顯示的寬度是不一樣的，要想達(dá)到最佳的用戶體驗(yàn)，因此，本站的模板設(shè)計(jì)出來了兩個(gè)不同大小的視頻，電腦的話就顯示電腦版，手機(jī)的話，就顯示手機(jī)版，這樣用戶體驗(yàn)更好。

方法、后臺(tái)--文章--自定義字段--添加字段：（不添加不會(huì)顯示）

字段名稱：視頻代碼

字段別名：shipin

字段類型：longtext

在發(fā)布文章的頁面的，視頻代碼里面，添加如下代碼：（僅演示，不同的視頻寬度和高度不一樣的）

<div class="dnsp" align="center">

<mip-iframe width="640" height="480" frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=d0533sjp5or&auto=0" allowFullScreen="true"></mip-iframe>

<p>電腦觀看大夢西游：孫悟空向白骨精表白：這就是史上最霸氣的表白，沒有之一！</p>

</div>

<div class="sjsp" align="center">

<mip-iframe width="300" height="250" frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=d0533sjp5or&auto=0" allowFullScreen="true"></mip-iframe>

<p>手機(jī)觀看大夢西游：孫悟空向白骨精表白：這就是史上最霸氣的表白，沒有之一！</p>

</div>

參考演示：本文。

相關(guān)閱讀：

站長在線官方seo模板自定義顏色列表試自適應(yīng)MIP建站系統(tǒng)獨(dú)立mipdiy模板

猜你喜歡