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

    时间: 浏览:1948次  来源:站长在线 
站长在线出品的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
码字不易,打个赏呗
杨泽业感谢你的支持!

猜你喜欢

分享网站公共图片页面调用代码

昨天晚上,搞了一个晚上写了一个小初高在线的《网站公共页面调用代码》的自适应页面index.html,放在根目录的img文件夹里面,页面地址:https://www.xcgzx.com/img/

2024-10-06  分类:HTML代码  浏览:245次


在MySQL中批量替换代码

站长导读:因此需要MySQL的批量替换代码,标准的代码是: UPDATE `表名` SET 字段名=REPLACE(字段名,'旧关键词','新关键词')

2024-09-04  分类:MySQL代码  浏览:478次


在宝塔面板里面的网站配置里面添加301跳转代码

站长在线导读:本服务器上面的所有的网站都是这样配置的,并且本人亲自实践过的,代码和方法,完全正确有效的情况下,才发布的教程。

2024-08-14  分类:PHP代码  浏览:468次


万能嗅探视频批量下载器可批量无水印下载视频号视频

今天站长在线官方群里面,一个老朋友问我:有没有批量下载视频号无水印比较好的软件推荐嘿嘿嘿,还真有,我以前就下载了,但是我自己一直没有使用,所以不知道下载的视频号到底有没有水印,

2024-08-07  分类:办公软件  浏览:828次


网页倒计时代码

这是一个倒计时代码,倒计时名称和日期,自己可以完全自定义:javascript代码:<script>//设置目标日期vartargetDate=newDate("J

2024-07-13  分类:JavaScript代码  浏览:536次


给你的网站右侧边栏里面添加一个倒计时代码

导读:这里有完整的倒计时代码,和教程,大家看完以后可以添加一个倒计时到自己的网站里面。

2024-07-13  分类:建站知识  浏览:520次


一行HTML代码让网站内的链接全部自动新窗口打开

导读:这是一行可以让你网站内的所有链接,实现全部自动新窗口打开。有需要的同学,自己添加到自己的网站模版里面哦!

2024-07-02  分类:HTML代码  浏览:564次


百度主动推送不能用了,百度自动推送代码送给大家

导读:从9月初,百度就开始大规模的删除网站,绝对大部分站长的大部分网站都失去了百度主动推送的资格,那么还有其他的方法推送给百度吗?答案是有的,那就是百度自动推送。

2023-09-28  分类:行业资讯  浏览:1285次


五秒后自动跳转首页代码

今天站长在线重新修改了404页面代码,增加了5秒后跳转到首页的代码:修改的方法就是在404页面模板的头部加一段JavaScript代码,核心代码如下:<script>

2023-08-16  分类:HTML代码  浏览:42893次


Word接入ChatGPT的VB代码

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

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