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

  • 时间:
  • 浏览:82次
  • 来源:网站服务商官网 网址: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安全访问的方法

网站服务商杨泽业提醒你:阿里云的虚拟主机里面可以直接免费开通https安全访问哦,更快去试试吧!

2019-05-25  分类:基础知识  浏览:9次

关于做网站的网站类型的一点心得

相对于用户来说,基本上一个网站程序是满足不了所有的用户需求的,我们可以根据自己的实际情况来增加不同的网站,让自己的网站的功能更加丰富,以便为用户提供更好的服务。就拿本站来说,网

2019-05-23  分类:本站公告  浏览:24次

今日更新mip建站模版diy模版,修改了分享代码的位置

由网站服务商制作的mipjz模版diy模版,今日有小幅更新,主要是mip分享代码的位置由原来的文章底部的猜你喜欢的上方,改成了右侧边栏的搜索下方。我原来制作模版的时候,认为要分

2019-05-19  分类:本站公告  浏览:23次

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

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

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

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

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

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

html5游戏:方块消除游戏-消消乐源码演示与下载

网站服务商今天开通了HTML5游戏栏目,今天上线了一个基于HTML5开发的消消乐游戏,并且陷入到了本站的404页面里面。HTML5页面是跨平台的,不管是电脑、平板、手机都能访问

2019-05-14  分类:HTML5游戏  浏览:40次

超链接标签<a>

HTML<a>标签标签定义及使用说明<a>标签定义超链接,用于从一个页面链接到另一个页面。<a>元素最重要的属性是href属性,它指定链接的

2019-05-07  分类:建站百科  浏览:68次

声明标签 <!DOCTYPE>

HTML声明标签<!DOCTYPE>位于文档中的最前面的位置,处于<html>标签之前。<!DOCTYPE>声明不是一个HTML标签;它是用

2019-05-07  分类:建站百科  浏览:24次

注释标签<!--...-->

欢迎你来到建站百科学习HTML标签:标签,注释标签,HTML注释标签。标签定义及使用说明注释标签用来在源文档中插入注释。注释不会在浏览器中显示。您可使用注释对您的代码进行解释,

2019-05-07  分类:建站百科  浏览:58次

mipjz

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

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