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

  • 时间:
  • 浏览:448次
  • 来源:网站服务商官网 网址: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


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

猜你喜欢

视频教程:在自己的电脑上安装phpstudy软件,创建本地网站环境,搭建各种网站

我们做网站的人经常要安装各种网站程序,看看这个网站程序适合不适合自己的要求,这个网站源码到底是否可用等,本地安装测试,要比上传到虚拟主机或者服务器上面修改要方便得多。php中文

2019-07-24  分类:基础知识  浏览:220次


免费在线智能AI文章伪原创工具源码

免费在线智能AI文章伪原创工具源码出售本工具源码不写入数据库,上传到任意支持php的网站空间即可,部分空间需要开启相关的参数,才能正确使用。伪原创工具的工作原理是:使用谷歌翻译

2019-07-19  分类:小工具  浏览:289次


网站服务商diy模板更新

更新的地方有:1、6月19日增加了两个栏目单页面模板。2、6月22日修改了文章详情页的字体大小和间距。3、6月23日调整了上一篇、下一篇和猜你喜欢的位置。4、6月24日,在上一篇、下一篇的上方,增加一个回到目录的提示与地址。

2019-07-01  分类:本站公告  浏览:272次


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

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

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


工信部批复设立中国自己的域名根服务器

6月26日,工信部发布通告《工业和信息化部关于同意中国互联网络信息中心设立域名根服务器(F、I、K、L根镜像服务器)及域名根服务器运行机构的批复》及《工业和信息化部关于同意互联

2019-06-28  分类:行业资讯  浏览:257次


给你的网站添加百度商桥的在线沟通的功能

今天我访问我的一个买了我的mip网站模板的客户的网站,发现了他的网站添加了百度商桥的在线沟通的功能。我认为添加了商桥的代码,肯定就不能通过百度mip的验证了。但是,我错了。我经

2019-06-21  分类:基础知识  浏览:397次


景安虚拟主机免费一键开启https安全访问的方法

今天在杨泽业网站建设交流群(群号:187388018)群友普密斯精密仪器问我:“群主,你网站上有把mipcms加上https的教程吗?”我回答说:“没有,你遇到什么问题了,直接

2019-06-20  分类:基础知识  浏览:326次


网站服务商diy模板618更新:全站删除文章缩略图,让网站访问更加快速

网站服务商讯:网站服务商站长杨泽业基于mipjz官方模版制作的diy模板,在2019年6月18日进行更新:全站删除文章缩略图,让网站访问更加快速。本次删除的缩略图的地方有首页列

2019-06-17  分类:本站公告  浏览:260次


给网站添加网站地图

网站地图,又称站点地图,它就是一个引导页面,让用户或者搜索引擎更加方便的找到自己需要的内容,搜索引擎蜘蛛非常喜欢网站地图。网站地图分为html地图和xml地图。html地图给用

2019-06-10  分类:基础知识  浏览:306次


网站地图

网站地图,又称站点地图,它就是一个引导页面,让用户或者搜索引擎更加方便的找到自己需要的内容,搜索引擎蜘蛛非常喜欢网站地图。网站地图分为html地图和xml地图。html地图给用

2019-06-10  分类:建站百科  浏览:197次