我们先从点击图片跳转网站开始研究一些基本常用的代码:
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>
转载请注明:首页 > 学习笔记 > 网站技能 ? 网站如何调用优酷腾讯b站视频的代码