admin

网站如何调用优酷腾讯b站视频的代码

admin 随笔*代码 2020-02-06 浏览
内容基本介绍:

1、简介:a.点击图片跳转代码. b.调用优酷,腾讯,b站等视频在网站显示代码.
 
2、重点:各网站调用时如何查找需要的代码并且应用
 
3、提高:把此代码应用到任何网站并且应用。

我们先从点击图片跳转网站开始研究一些基本常用的代码:

1.点击图片跳转:

通用的图片调用代码如下:

<a href="连接地址"><img src="图片地址" style="width:100%;height:auto" /></a>

链接地址=想要跳转的网站链接

图片地址=图片贮存的网站(注意:这里必须是根服务器图片贮存,比如淘宝的图片空间)

这里给大家说下:淘宝的视频和图片,都可以在外界调用,非常不错。

2.调用视频代码到网站:

视频在网站中调用的通用代码:

1.调用优酷视频地址:

优酷视频地址如下: http://player.youku.com/embed/ + 视频的id,例如优酷视频部分连接:youku.com/v_show/id_XMzY3MzA2ODg0NA==.html?

视频的id=XMzY3MzA2ODg0NA

总链接就是: http://player.youku.com/embed/XMzY3MzA2ODg0NA,这个链接就是优酷的原始视频地址,可以用图片点击进入网页查看优酷视频

网站调用优酷视频代码如下:

<iframe src=" http://player.youku.com/embed/XMTI4NDcyMjIzMg==" width="810" height="460" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 

2.调用腾讯视频地址:

https://v.qq.com/iframe/player.html?vid= + 视频ID + &tiny=0&auto=0

例子:https://v.qq.com/x/page/b0884u3f3yf.html,用b0884u3f3yf替换掉+ 视频ID +

那么链接如下:
https://v.qq.com/iframe/player.html?vid= b0884u3f3yf&tiny=0&auto=0,可以点击直接进入此链接就是原始视频地址。

网页调用腾讯视频代码如下:

<iframe src="https://v.qq.com/iframe/player.html?vid=b0884u3f3yf&tiny=0&auto=0" width="810" height="460" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 


3.调用B站视频地址:

1.首先要到我们b站视频下方复制嵌入代码,如下图所示,找到这个代码:



复制后如下:

<iframe src="//player.bilibili.com/player.html?aid=53171792&cid=93029326&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

 

<iframe src="https://v.qq.com/iframe/player.html?vid= b0884u3f3yf&tiny=0&auto=0" width="850" height="510" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 

复制第二个红色部分改成第一部分的红色部分代码即可

网站调用b站视频如下:

<iframe src="//player.bilibili.com/player.html?aid=53171792&cid=93029326&page=1" width="850" height="510" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 


这是基本的视频调用的演示和常用代码,依据以上的方法我们也可以调用爱奇艺等视频到我们的网站。。。。。
 

结尾语:
如果你想在自己的网站上调用优酷的视频或者腾讯的视频等,可以用以上的代码尝试使用一下

也许你会发现很多意想不到的惊喜。。。。
整理内容:龙写年华整理  ,且把网站调用代码放在一起,方便大家查找学习应用等  。


希望这篇文章对你有所帮助,如果有缘,记得多关注我们一下,你的经常光顾就是我们前行的动力所在。

如果你有以下问题,记得给我们留言:

1.如果在应用以上资源有问题可在本资源下方留言提出。

2.如果有下载链接的资源,链接丢失的话,请第一时间留言提出。

3.如果你有想要的资源或者想学习的方面,也可以在下方留言提出。


网站支持手机自适应,视频自适应代码如下:

<p class="video">视频框架</p>
特别说明:

    1.所有文章资源都是精心之作,只为遇到有缘的你。
    2.有问题可以随时给我们留言,转载请注明出处。

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

资源分享不易,你的支持,将会是我继续前行的动力!!!

留言与评论(共有 0 条评论)
   
验证码:
博客主人:草根站长 博 主: 闲来没事喜欢研究电脑影视,电子电路,并分享资源和心得技巧,资深技术宅。
浏览 17318 次 运行 0 天数