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、怎么在虚拟主机上面搭建一个独立网站

猜你喜欢