如果使用mipdiy模版集成的【同一视频，显示不同大小】的问题的功能？

站长在线出品的mip建站系统的mipdiy 模板里面，充分的考虑到了mip调用视频的时候，是固定大小的，而不同的浏览器和设备，显示的宽度是不一样的，要想达到最佳的用户体验，因此，本站的模板设计出来了两个不同大小的视频，电脑的话就显示电脑版，手机的话，就显示手机版，这样用户体验更好。

问：如果使用mipdiy模版集成的【同一视频，显示不同大小】的问题的功能？

答：站长在线出品的MIP建站系统的mipdiy 模板里面，充分的考虑到了mip调用视频的时候，是固定大小的，而不同的浏览器和设备，显示的宽度是不一样的，要想达到最佳的用户体验，因此，本站的模板设计出来了两个不同大小的视频，电脑的话就显示电脑版，手机的话，就显示手机版，这样用户体验更好。

方法、后台--文章--自定义字段--添加字段：（不添加不会显示）

字段名称：视频代码

字段别名：shipin

字段类型：longtext

在发布文章的页面的，视频代码里面，添加如下代码：（仅演示，不同的视频宽度和高度不一样的）

<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>手机观看大梦西游：孙悟空向白骨精表白：这就是史上最霸气的表白，没有之一！</p>

</div>

参考演示：本文。

相关阅读：

站长在线官方seo模板自定义颜色列表试自适应MIP建站系统独立mipdiy模板

猜你喜欢