分享

腾讯视频嵌入网页的方法

 众人搜索网 2015-01-05

想将优酷视频、土豆视频、新浪视频等网站的视频调用到个人网站上面的方法非常简单,这些网站,均提供了直接调用的代码。如下图所示:

1、优酷网

youku.jpg

2、土豆网

tudou.jpg

3、新浪视频

xinlang.jpg

但是腾讯视频则是这样的(并没有提供嵌入网页的代码):

tengxun.jpg

应该怎么办呢?

可以从微信公众平台中学习一下,因为腾讯视频,可以直接嵌入微信公众平台啊?点击查看:微信公众平台转载别人发的视频的方法

方法一:将视频在微信公众平台中的调用代码提取出来,如下所示:

<iframe class="video_iframe" style=" z-index:1; " src="http://v.qq.com/iframe/player.html?vid=m0137rrajuc&width=300&height=200&auto=0" allowfullscreen="" frameborder="0" height="200" width="300"></iframe>

打开需要添加的腾讯视频网址,例如:http://v.qq.com/cover/z/zrxyhghf3n8xhxl/k0015trfczz.html

将上述代码中的vid=后面的内容替换成上述网址中标红的部分,然后将上述网址重新复制出来:

<iframe class="video_iframe" style=" z-index:1; " src="http://v.qq.com/iframe/player.html?vid=k0015trfczz&width=300&height=200&auto=0" allowfullscreen="" frameborder="0" height="200" width="300"></iframe>

效果参见下方:

其中的视频的宽度(width)和高度(height)可以分别通过修改代码中对应的数值(本视频中width=300,height=200)来进行修改。

如果想换播放按钮大些的播放器,可以使用该代码,该代码的vid的值像上面的一样替换掉就可以了:

效果如下:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多