mipjz网站添加的视频代码大全(实时更新)
网站服务商今天重新更新了我的模版使用说明,在讲述添加视频代码的时候,我认为还是重新捋一捋所有的视频代码到一个文章里面,那样就新手用户在使用代码的时候就方便一点,于是把代码贴出来
网站服务商今天重新更新了我的模版使用说明,在讲述添加视频代码的时候,我认为还是重新捋一捋所有的视频代码到一个文章里面,那样就新手用户在使用代码的时候就方便一点,于是把代码贴出来,方便所有的用户使用。
PS:
1、如果你的网站模版和本站模版一样,做了视频代码自动匹配的话,建议同时发布电脑版视频和手机版视频,那样用户体验更好。
2、如果没有做自动匹配的话,就发布一个视频,自己选择合适大小的代码。
一、添加以.mp4结尾的这样的视频地址的话,使用百度官方推荐的mip-video标签调用:
<div class="dnsp" align="center">
<mip-video poster="" controls
layout="responsive" width="720" height="460"
src="https://www.yangzeye.net/mp4/xsjzspjc.mp4">
</mip-video>
<p>电脑用户请全屏观看:杨泽业新手建站视频教程:怎么在虚拟主机上面搭建一个独立网站</p>
</div>
<div class="sjsp" align="center">
<mip-video poster="" controls
layout="responsive" width="300" height="250"
src="https://www.yangzeye.net/mp4/xsjzspjc.mp4">
</mip-video>
<p>手机用户请全屏观看:杨泽业新手建站视频教程:怎么在虚拟主机上面搭建一个独立网站</p>
</div>
代码说明:poster="" 这里是自定义视频的缩略图的,本演示代码就不加了,所以为空。
代码演示查看效果:(手机和电脑都点击查看一下效果)
1、怎么在虚拟主机上面搭建一个独立网站:
https://www.wzfws.com/xsjzspjc.html
2、使用phpstudy在本机安装一个mipjz程序的网站:
https://www.wzfws.com/phpstudymipjz.html
二、添加腾讯视频、爱奇艺、优酷等非.mp4结尾的视频代码。
获取代码的方法:以腾讯视频《使用phpstudy在本机安装一个mipjz程序的网站》为例:
打开视频页面地址:https://v.qq.com/x/page/e086764fwss.html
点击分享--复制通用代码,如图:
官方原有的代码如下:
<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=e086764fwss" allowFullScreen="true"></iframe>
其中视频地址就是:https://v.qq.com/txp/iframe/player.html?vid=e086764fwss
改造以后的mip完整调用代码:
<div class="dnsp" align="center">
<mip-iframe frameborder="0" width="宽度" height="高度" src="视频地址" allowfullscreen></mip-iframe>
<p>视频描述</p>
</div>
<div class="sjsp" align="center">
<mip-iframe frameborder="0" width="宽度" height="高度" src="视频地址" allowfullscreen></mip-iframe>
<p>视频描述</p>
</div>
代码参数说明:
1、<div> 添加一个区块(可不用)class="dnsp" 定义为dnsp的样式 (可不用) align="center" 居中显示(可不用)。
2、<mip-iframe>标签是官方推荐标签,和iframe标签使用规则差不多,但是<mip-iframe>必须指定宽度和高度,调用的资源必须是https开头的。
2、frameborder="0" 无边框。width="720"宽度为720px ,height="460"高度为460px ,src="视频地址",接视频地址,allowfullscreen 就是可以全屏观看。
2.1、添加腾讯视频调用的mip代码,使用mip-iframe标签。
<div class="dnsp" align="center">
<mip-iframe frameborder="0" width="720" height="460" src="https://v.qq.com/iframe/player.html?vid=m0327hrw0yj&auto=0" allowfullscreen></mip-iframe>
<p>电脑用户请全屏观看:杨泽业向你推荐必看视频《管道的故事》,越早知道越好</p>
</div>
<div class="sjsp" align="center">
<mip-iframe frameborder="0" width="300" height="250" src="https://v.qq.com/iframe/player.html?vid=m0327hrw0yj&auto=0" allowfullscreen></mip-iframe>
<p>手机用户请全屏观看:杨泽业向你推荐必看视频《管道的故事》,越早知道越好</p>
</div>
PS:腾讯视频地址末尾是增加了&auto=0,那样就不会自动播放了。
2.2、添加爱奇艺视频调用的mip代码,使用mip-iframe标签。
<div class="dnsp" align="center">
<mip-iframe frameborder="0" width="720" height="460" src="https://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=0b530fb738dbb4124dc628a353107f8e&tvId=5130645209" allowfullscreen></mip-iframe>
<p>电脑用户请全屏观看:杨泽业向你推荐必看视频《管道的故事》,越早知道越好</p>
</div>
<div class="sjsp" align="center">
<mip-iframe frameborder="0" width="300" height="250" src="https://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=0b530fb738dbb4124dc628a353107f8e&tvId=5130645209" allowfullscreen></mip-iframe>
<p>手机用户请全屏观看:杨泽业向你推荐必看视频《管道的故事》,越早知道越好</p>
</div>
2.3、添加优酷的mip调用视频代码,使用mip-iframe标签。
<div class="dnsp" align="center">
<mip-iframe frameborder="0" width="720" height="460" src="https://player.youku.com/embed/XMzQxMjI5ODUxMg==" allowfullscreen></mip-iframe>
<p>电脑用户请全屏观看:杨泽业向你推荐必看视频《管道的故事》,越早知道越好</p>
</div>
<div class="sjsp" align="center">
<mip-iframe frameborder="0" width="300" height="250" src="https://player.youku.com/embed/XMzQxMjI5ODUxMg==" allowfullscreen></mip-iframe>
<p>手机用户请全屏观看:杨泽业向你推荐必看视频《管道的故事》,越早知道越好</p>
</div>
2.4、添加其他网站的代码也是一样,此处就不一一发布了。
最后来欣赏一下本人录制的原创视频教程:
1、使用phpstudy在本机安装一个mipjz程序的网站
2、怎么在虚拟主机上面搭建一个独立网站
电脑用户请全屏观看:使用phpstudy在本机安装一个mipjz程序的网站
手机用户请全屏观看:使用phpstudy在本机安装一个mipjz程序的网站
电脑用户请全屏观看:怎么在虚拟主机上面搭建一个独立网站
手机用户请全屏观看:怎么在虚拟主机上面搭建一个独立网站
猜你喜欢