把腾讯视频嵌入到html中

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

淘宝店铺:

【慕色轻熟风女装】,点击链接再选择浏览器打开http://c.b1yt.com/h.NvPrs9?cv=tOYO0bf4asx&sm=550d3e

,或复制这条信息¥tOYO0bf4asx¥后打开手机淘宝

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

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

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

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

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

http://v.qq.com/boke/page/d/0/i/d0163kxz8di.html

这是一段《工业机器人工作场景》的视频,将这个网址的蓝色部分,替换到上面给出的代码中的红色部分,就可以了。

最终效果为:

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

把vid参数从腾讯视频网页查找

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

1、优酷网

2、土豆网

3、新浪视频

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

应该怎么办呢?

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

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

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

效果参见下方:

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

不自动播放

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

时间: 2024-10-05 14:13:44

把腾讯视频嵌入到html中的相关文章

腾讯视频嵌入手机端网站demo - 就像微信文章中一样一样的

页面中的调用如下: <iframe id="video_iframe" class="video_iframe" src="TenVideoPlayer/player.html?vid=w0197gg5mk3&auto=0" frameborder="0"></iframe> 视频标识为vid,vip的获取可以直接去腾讯视频详细页面分享里面看到. 直接上源码: 下载地址为:腾讯视频嵌入手机网站源

腾讯视频嵌入网页的方法 腾讯视频嵌入网页代码

首先,提供一个腾讯视频嵌入网页代码.我们只需替换这段代码的一部分就可以了. <p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=t01662frswa&width=500&height=375&auto=0

腾讯视频嵌入网页的方法 腾讯视频网页嵌入代码方法

用户做网页的时候,想要网页中嵌入优酷.土豆.爱奇艺的视频播放器很简单,但是将腾讯视频嵌入网页后却不能正常显示,这是怎么回事,那么怎么将腾讯视频嵌入网页并能够正常的播放呢,小编来教教大家. 首先,提供一个腾讯视频嵌入网页代码.我们只需替换这段代码的一部分就可以了. [<p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src=&

网页嵌入腾讯视频方式

1.插入腾讯视频的方法 方法一:将视频在微信公众平台中的调用代码提取出来,如下所示: <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="" fra

Power BI官方视频(2) Power BI嵌入到应用中的3种方法

今天给大家介绍3种将Power BI嵌入到应用中的方法. 本文原文地址:Power BI官方视频(2) Power BI嵌入到应用中的3种方法 Power BI系列文章地址:微软Power BI技术文章与资源目录 1.Publish to Web 最直接最简单的方法,将你的报表发布到网络上.嵌入到自己的web系统中: 但是其确定是没有权限控制,知道url都可以访问,所以要注意使用场合: 2.使用REST APIs 可以更加灵活的使用API进行权限控制,但是需要注册Azure AD,不过不好的消息

在小程序中使用腾讯视频插件播放教程视频

在我们开发的一个小程序里面,为了给客户了解一些教程内容,我们需要增加一个在线播放视频的模块,考虑过直接使用视频组件播放服务器上的视频不成功,因此使用腾讯视频插件来播放最终测试成功.本篇随笔介绍微信小程序使用视频组件和腾讯视频插件两种方式的解决方式,并重点介绍视频插件方式的处理过程. 1.使用视频组件播放视频 由于是我们自己录制的视频内容,本来想直接通过视频组件来播放自己服务器上的视频,理想很丰满,现实很骨感,不知道是视频内部比较大的原因还是腾讯禁止,虽然在开发工具上测试的时候可以播放,不过最终发

从QQ音乐开发,探讨如何利用腾讯云SDK在直播中加入视频动画

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由腾讯游戏云发表于云+社区专栏 看着精彩的德甲赛事,突然裁判一声口哨,球赛断掉了,屏幕开始自动播放"吃麦趣鸡盒,看德甲比赛"的视频广告 那么问题来了,如何在直播流中,无缝的插入点播视频文件呢? 本文介绍了QQ音乐基于腾讯云AVSDK,实现互动直播插播动画的方案以及踩过的坑. 01 从产品经理给的需求说起 "开场动画?插播广告?" 不久之前,产品同学说我们要在音视频直播中,加一个开场动画. 要播放插播动画

爱奇艺、优酷、腾讯视频竞品分析报告2016(一)

1 背景 1.1 行业背景 1.1.1 移动端网民规模过半,使用时长份额超PC端 2016年1月22日,中国互联网络信息中心 (CNNIC)发布第37次<中国互联网络发展状况统计报告>,报告显示,网民的上网设备正在向手机端集中,手机成为拉动网民规模增长的主要因素.截至2015年12月,我国手机网民规模达6.20亿,有90.1%的网民通过手机上网. 图 1  2013Q1~2015Q3在线视频移动端和PC端有效使用时长份额对比 根据艾瑞网民行为监测系统iUserTracker及mUserTrac

虾米音乐腾讯视频争好声音版权 阿里数娱音乐布局浮水

进入2014年以来,阿里数娱一直没闲着,刘春宁到处串场为阿里在文化产业的布局摇旗呐喊.过去半年,阿里数娱已经先后完成了在游戏.动漫.影视等领域的布局,这两日在音乐领域的布局也正式浮出水面. 相隔一天时间,阿里巴巴接连拿下<中国好声音>和<中国好歌曲>两档热播音乐节目,借此机会阿里数娱在音乐领域的布局正式浮水.阿里数娱旗下虾米音乐将独家享有第三季<中国好音乐>的音乐版权,同时虾米还将参与到上海灿星旗下另一档音乐节目<中国好歌曲>的筹备工作. 而此前,腾讯以2.