mipjz网站添加的视频代码大全(实时更新)

  • 时间:
  • 浏览:757次
  • 来源:网站服务商官网 网址:https://www.wzfws.com

网站服务商今天重新更新了我的模版使用说明,在讲述添加视频代码的时候,我认为还是重新捋一捋所有的视频代码到一个文章里面,那样就新手用户在使用代码的时候就方便一点,于是把代码贴出来,方便所有的用户使用。


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程序的网站



电脑用户请全屏观看:怎么在虚拟主机上面搭建一个独立网站

手机用户请全屏观看:怎么在虚拟主机上面搭建一个独立网站

本文地址:https://www.wzfws.com/shipindaima.html


网站服务商经典语录
欢迎关注我的微信和微信公众号

猜你喜欢

网站服务商的mipcms网站升级方案,mipjz升级教程

基于百度MIP开发的源码程序mipjz(原mipcms)早已更新到5.0.5了,本站在体验5.0.5版本以后,感觉比较好,可以轻轻松松的设置栏目要不要在导航里面显示,当然可能还

2020-02-25  分类:mipcms  浏览:91次


杨泽业:mipjz网站的MIP数据提交到神马搜索的实现方法

今天早上研究了一下,怎么把mipjz程序的文章链接和标签链接推送到神马搜索里面。我们的程序是mip的,神马搜索页也支持MIP数据提交。神马搜索里面只是提供了api,没有提交的入

2019-07-01  分类:mipcms  浏览:574次


mipjz模版今日小幅更新:详情页末尾的文章来源调用网站名称和当前栏目

今天是2019年的六一儿童节,今天本站更新了文章末尾的文章来源的调用方式,文章来源由原来的网站名称改成网站名称+当前栏目名称,来源地址就往下一行显示。原来是:文章来源:网站服务

2019-06-01  分类:本站公告  浏览:432次


mipjz模板更新:网站服务商的diy模版的tag标签页面模版更新

网站服务商(wzfws.com)站长杨泽业于2019年5月16日更新了标签列表页(diy/tag/tag.html)本次的更新属于小幅度的更新。原来的tag列表页模版,和官方的

2019-05-16  分类:本站公告  浏览:339次


mipjz网站添加的视频代码大全(实时更新)

网站服务商今天重新更新了我的模版使用说明,在讲述添加视频代码的时候,我认为还是重新捋一捋所有的视频代码到一个文章里面,那样就新手用户在使用代码的时候就方便一点,于是把代码贴出来

2019-05-16  分类:mipcms  浏览:758次


mipjz

mipjz什么?mipjz就是mip建站系统。《MIP建站系统》原名《MIPCMS内容管理系统》软件著作权登记号:2018SR838831。《MIP建站系统》是一套基于《百度移

2019-05-06  分类:建站百科  浏览:504次


杨泽业:关于对MIP建站系统mipjz(mipcms)的安全建议

使用mipjz程序的用户越来越多,mipjz的安全问题也越来越引起各位站长的注意,网站服务商(wzfws.com)站长杨泽业,建议大家这样操作,可以让你的网站更加安全:1、及时

2019-05-06  分类:mipcms  浏览:753次


杨泽业原创视频教程:使用phpstudy在本机安装一个mipjz程序的网站

使用phpstudy在本机安装一个mipjz程序的网站mipjz程序演示网站:网站服务商www.wzfws.com详细步骤:1、启动phpstudy软件,并且在phpstudy

2019-04-24  分类:mipcms  浏览:678次


mipjz模版diy模版增加电脑和手机访问显示不同大小的视频和增加文末二维码的功能

网站服务商站长杨泽业在2019年4月4日再次更新了mipjz程序的diy模版。这次更新主要是两点:1、增加了文末添加二维码的功能。其实这个功能和我的商城模版的,文末增加微信支付

2019-04-04  分类:本站公告  浏览:409次


[商业模版]自定义颜色列表试自适应mipjz5.0独立diy模板优化版5.0

由于团长在2019年元旦放出了mipcms5.0的最新源码(现更名为mipjz),MIPJZv5.0是基于MIPCMSv3.6基础上重构版本,新增标签分类模板功能,新增标签推送

2018-11-02  分类:网站模板  浏览:2327次