腾讯视频插入网页的代码;

时间:2024-02-19 09:29:19

 

 

想要在网页中嵌入优酷、土豆、爱奇艺的视频很简单,但是现在将腾讯视频嵌入网页后却不能正常显示,而腾讯视频现在的资源也越来越多,想直接将腾讯视频嵌入到网页中怎么操作呢?其实只需要一段代码就可以了。

首先,提供一个腾讯视频嵌入网页代码。我们只需替换这段代码的一部分就可以了。

<p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src=" https://v.qq.com/x/page/z3053xajtuk.html&url_from=share&second_share=0&share_from=copy;width=500&amp;height=375&amp;auto=0" allowfullscreen="" frameborder="0" height="375" width="500"></iframe></p>

找到一段腾讯视频,比如地址:

这是一段 我个人旅游的视频 的视频,将这个网址的蓝色部分,替换到上面给出的代码中的红色部分,就可以了。

 

step1: 

比如这个是我的视频地址:

 

这个page之后的z30****就是 你发布视频的uuid 唯一地址信息;

 

 

最终效果为:

<p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=z3053xajtuk&amp;width=500&amp;height=375&amp;auto=0" allowfullscreen="" frameborder="0" height="375" width="500"></iframe></p>

 

step2.

 

 

 

其实就是前端展现的时候 将视频地址替换成 腾讯视频的url地址