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

    时间: 浏览:1059次  来源:站长在线
站长在线出品的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模板

电脑观看大梦西游:孙悟空向白骨精表白:这就是史上最霸气的表白,没有之一!

手机观看大梦西游:孙悟空向白骨精表白:这就是史上最霸气的表白,没有之一!

本文地址:https://www.olzz.com/tongyishipinxianshibutongdaxiao.html
码字不易,打个赏呗
杨泽业感谢你的支持!

猜你喜欢

Word接入ChatGPT的VB代码

欢迎你来到站长在线的代码库,本文的代码是《Word接入ChatGPT的VB代码》我们在Word里面接入ChatGPT的时候,用到的代码段,注意里面要切换自己的apikey哦!

2023-05-03  分类:HTML代码  浏览:167次


在HTML网页中,左图片右文字代码

今天一个客户的网站,要求在文章排版中,要求左边是图片,右边是文字的排版,我找了一段代码,测试了一下,没有问题,现在发布出来,供大家参考:

2022-08-19  分类:HTML代码  浏览:2418次


在浏览器里面自动跳转的JavaScript页面url跳转代码

使用方法:桌面新建一个txt文本文档,将下面代码,复制到文档里面,并重命名为index.html文档即可。代码清单:<script>functionGetRando

2022-03-06  分类:JavaScript代码  浏览:824次


给图片带上链接的html代码

今天我的一个好多年的建站的老朋友,问我:图片如何做成链接?也就是说:怎样给图片带上链接?天啦,这么简单的问题,他怎么问得出口哦!当然了,我们认为简单要死的问题,也许对别人来说,

2021-12-23  分类:HTML代码  浏览:2177次


让网站变黑白色(灰色)的css代码

欢迎你来到站长在线代码库,今天发布的是让网站变黑白色,也就是让网站变灰色的css代码:

2021-12-13  分类:CSS代码  浏览:692次


站长在线上线代码库和题库两大栏目,解决重复造轮子和学以致用的问题

今天是2021年的11月9日,站长在线(olzz.com)正式上线代码库和题库两大栏目。代码库是解决重复造轮子的问题,题库解决学以致用的问题。

2021-11-09  分类:本站资讯  浏览:749次


站长在线官方模板mipdiy所有广告位和广告代码

站长在线官方模板mipdiy模板,所有的广告位和广告代码如下:(以模板2021年11月3日更新为准)网站的广告位,其实也是网站的各种功能区,承担的作用,也不可以简单的理解为投放

2021-11-03  分类:建站知识  浏览:1172次


黑客数字雨网页代码及特效展示

今天站长在线无意中在网络上面发现了一个黑客数字雨的网页特效,今日转载给网友欣赏!先上黑客数字雨的网页特效给大家看看吧!网址是:https://www.olzz.com/demo

2021-10-16  分类:网页特效  浏览:1194次


代码编辑软件Sublime Text 4中文版安装使用教程

sublime text 4是一款非常好用的文本代码编辑器、程序员之必备神器!Sublime Text 是个功能强大的代码编辑器,也是HTML和TXT先进的文本编辑器。其主要功能包括:Python的插件,完整的Python API , Goto功能,代码段,代码缩略图,拼写检查,书签,即时项目切换,多选择,多窗口,自定义键绑定,主题方案等。

2021-10-14  分类:办公软件  浏览:1706次


批量修改mip建站系统中的文章内的链接

导读:欢迎你来到站长在线的实战分享栏目,今天分享的是《批量修改mip建站系统文章中的链接》,其实批量修改文章中的链接,什么程序都是一样的,只要对应的数据表对了,那就没有问题了。

2020-10-26  分类:建站知识  浏览:1067次