Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >如何引用腾讯视频上的视频到自己的网页里

如何引用腾讯视频上的视频到自己的网页里

作者头像
OECOM
发布于 2020-07-02 02:03:39
发布于 2020-07-02 02:03:39
2.5K0
举报
文章被收录于专栏:OECOMOECOM

在我们开发网页过程中,经常会遇到引入视频,有时候视频很小,我们就可以将他放到自己的服务器上,但是如果太大了,就会浪费大量的服务器空间,所以我们就可以将视频上传到腾讯视频上去,只要有qq号并且视频内容正规就可以很快通过审核,这样就可以引用了,一般情况下是采用iframe框架在引用视频,这个地址腾讯视频里有

如上图,用鼠标悬浮在分享文字上等一下,然后出现下拉条,在最下面有一个小箭头,点击这个小箭头出现下图

使用通用代码,就可以将该视频引入到自己的网页中,但是有一个缺点。缺点是如果你的网页是手机端那种通过隐藏元素来实现换页的方式来实现,那么视频会跟着往下走,进入下一个页面中,所以我们需要写代码来解决一下。

我们给iframe加上一个id在进入下一个页面的时候通过jq将他的width和height值设置为0即可,另外位置也很重要,需要在进入下一页的代码之前添加,否则也会不管用。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-06-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
网页设计有难题?12款网页设计模板给你灵感!
作为网页设计师,你的作品就是你专业水平的最好体现方式。所以,无论是参加面试还是个人作品展示,你的网页模型是否能让人眼前一亮,是否能在交互设计或视觉设计方面突出任何一点的优势,是你取得面试机会和赢得客户的关键。
奔跑的小鹿
2019/01/24
5.6K0
网页设计有难题?12款网页设计模板给你灵感!
视频直播技术干货:一文读懂主流视频直播系统的推拉流架构、传输协议等
本文由蘑菇街前端开发工程师“三体”分享,原题“蘑菇街云端直播探索——启航篇”,有修订。
JackJiang
2022/05/31
5.3K1
视频直播技术干货:一文读懂主流视频直播系统的推拉流架构、传输协议等
腾讯WE大会延续高逼格,10分钟让你看完16场演讲
没有任何前戏,腾讯WE大会今天(11月08日)在北展剧场举行,在波涛汹涌的人群两侧,不时有几个叫卖门票的黄牛,现场也几乎座无虚席,可见这场跟未来科技有关的大会吸引了不少人的关注。 从上午10点开始,一场接一场的演讲接踵而至,如同一个个初露头角的小明星在展望未来,给我们描绘了一种我们生活可能的前景,无论是量子悬浮、虚拟现实、人工智能、机器人、医学、教育……都让人看得有些血脉喷张,但是,走出会场,吹着冷风,脑袋也顿时冷静了不少,这些科学家、初创企业,以及巨无霸企业所秀的这些“未来智能”何时才能普惠到寻常百姓呢?
腾讯大讲堂
2018/02/12
1.3K0
腾讯WE大会延续高逼格,10分钟让你看完16场演讲
腾讯云视频直播sdk开发攻略
视频直播这一两年在移动互联网上可以说是非常的火,各种视频直播软件层出不穷。有的通过自己的推广宣传确实火了起来,比如:映客。
全栈程序员站长
2022/09/06
11.2K0
腾讯云视频直播sdk开发攻略
字体是网页设计中最重要的细节
一个非创意性质的网页,最重要的内容,就是文字。出现了文字,就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节,往往是非常重要的细节。
Denis
2023/04/14
8430
字体是网页设计中最重要的细节
云开发 Copilot | 如何借助AI,零代码生成一个内置混元的小程序
对于我这个后端开发来说,一直都有着学习前端的梦想,确实也一直在努力着。奈何前端技术这几年发展太快。后来在去年底,终于抓住了前端技术的小尾巴,学完了vue3、Element Plus、Pinia、vue-router等一系列前端技术。
叫我阿柒啊
2024/12/05
7557
云开发 Copilot | 如何借助AI,零代码生成一个内置混元的小程序
腾讯工具箱跟零售商有哪些化学反应?看这四个数字就知道了!
5月24日下午,在2018云+未来峰会智慧零售分论坛现场,腾讯公司副总裁林璟骅提出了智慧零售的“1个中心,2个目标,3个要素以及7个数字化工具”,将腾讯智慧零售的能力以更清晰的形象展示在行业受众面前。
腾讯云智慧零售
2018/09/11
1.7K0
腾讯工具箱跟零售商有哪些化学反应?看这四个数字就知道了!
腾讯技术分享:微信小程序音视频与WebRTC互通的技术思路和实践
本文来自腾讯视频云终端技术总监rexchang(常青)技术分享,内容分别介绍了微信小程序视音视频和WebRTC的技术特征、差异等,并针对两者的技术差异分享和总结了微信小程序视音视频和WebRTC互通的实现思路以及技术方案。希望能带给你启发。
JackJiang
2018/10/11
2.7K0
小白必读:闲话HTTP短连接中的Session和Token
Http协议在现今主流的IM系统中拥有无可替代的重要性(在IM系统中用HTTP发起的连接被大家简称为http短连接),但Http作为传统互联网信息交换技术,一些典型的概念比如:Session、Token,对于新手程序员来说很陌生。
JackJiang
2018/08/29
6750
腾讯技术分享:微信小程序音视频与WebRTC互通的技术思路和实践
本文来自腾讯视频云终端技术总监rexchang(常青)技术分享,内容分别介绍了微信小程序视音视频和WebRTC的技术特征、差异等,并针对两者的技术差异分享和总结了微信小程序视音视频和WebRTC互通的实现思路以及技术方案。希望能带给你启发。
JackJiang
2018/09/29
3.2K0
腾讯云实时音视频出海技术实践及落地
  //   编者按:互联网出海热潮涌动,社交娱乐、跨境电商、在线教育等产品与音视频技术密切相关,如何在纷繁复杂的基础设施和网络条件下提供高质量的音视频服务,是出海产品和云服务商面临的共同挑战。 本次分享将详细介绍腾讯云音视频客户在出海过程中所遇到的挑战,以及RT-ONE™网络的应对策略,为出海应用的音视频技术实践提供参考借鉴。 文/崔立鹏 整理/LiveVideoStack 今天跟大家分享的内容是腾讯云音视频在出海方面的一些技术实践,在最开始,我想分享下一个问题,为什么要讲出海?其实,这两年我们可以感受
LiveVideoStack
2022/09/02
1.9K0
腾讯云实时音视频出海技术实践及落地
AJAX常见面试问题[通俗易懂]
cache:默认为true(当dataType为script时,默认为false), 设置为false将不会从浏览器缓存中加载请求信息。
全栈程序员站长
2022/09/28
1.9K0
前端之HTML和CSS
  HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm。
汪凡
2019/03/01
4.4K0
前端之HTML和CSS
社招前端高频面试题(附答案)
可以把执行栈认为是一个存储函数调用的栈结构,遵循先进后出的原则。 当开始执行 JS 代码时,根据先进后出的原则,后执行的函数会先弹出栈,可以看到,foo 函数后执行,当执行完毕后就从栈中弹出了。
hellocoder2029
2022/09/13
6650
24 个面试常问的XX和XX的区别,你真不一定都知道
蟹黄同学 https://juejin.cn/post/6956360277185003556
用户4456933
2021/06/01
4790
24 个面试常问的XX和XX的区别,你真不一定都知道
让我在面试官面前结巴的24个XX和XX的区别!
a. 箭头函数和普通函数的样式不同,箭头函数语法更加简洁、清晰,箭头函数是=>定义函数,普通函数是function定义函数。
程序员海军
2021/10/11
4240
让我在面试官面前结巴的24个XX和XX的区别!
打通小程序音视频和webRTC
2017年腾讯视频云团队跟微信团队联合,将视频云 SDK 跟微信小程序整合在一起,并开放内部功能。
腾讯视频云终端团队
2018/05/03
19.4K14
打通小程序音视频和webRTC
基于腾讯x5开源库,提高60%开发效率
目录介绍 01.前沿说明 1.1 案例展示效果 1.2 该库功能和优势 1.3 相关类介绍说明 02.如何使用 2.1 如何引入 2.2 最简单使用 2.3 常用api 2.4 使用建议 03.js调用 3.1 如何使用项目js调用 3.2 js的调用时机分析 04.问题反馈 4.0.1 视频播放宽度超过屏幕 4.0.2 x5加载office资源 4.0.3 WebView播放视频问题 4.0.4 无法获取webView的正确高度 4.0.5 使用scheme协议打开链接风险 4.0.6 如何处理加载错误
杨充
2019/11/22
3.6K0
[前端] 记录工作中遇到的各种问题(Bug,总结,记录)
而AjaxFileUpload插件的上传文件处理方式是,获取返回的实体内容,直接进行eval 解析,解析失败,报错,则无法上传
书童小二
2018/09/03
18.3K0
[前端] 记录工作中遇到的各种问题(Bug,总结,记录)
A*寻路初探(转载)
译者序:很久以前就知道了A*算法,但是从未认真读过相关的文章,也没有看过代码,只是脑子里有个模糊的概念。这次决定从头开始,研究一下这个被人推崇备至的简单方法,作为学习人工智能的开始。 这篇文章非常知名,国内应该有不少人翻译过它,我没有查找,觉得翻译本身也是对自身英文水平的锻炼。经过努力,终于完成了文档,也明白的A*算法的原理。毫无疑问,作者用形象的描述,简洁诙谐的语言由浅入深的讲述了这一神奇的算法,相信每个读过的人都会对此有所认识(如果没有,那就是偶的翻译太差了--b)。 原文链接:http://www.gamedev.net/reference/articles/article2003.asp以下是翻译的正文。(由于本人使用ultraedit编辑,所以没有对原文中的各种链接加以处理(除了图表),也是为了避免未经许可链接的嫌疑,有兴趣的读者可以参考原文。
冰封一夏
2019/09/10
1.3K0
A*寻路初探(转载)
推荐阅读
相关推荐
网页设计有难题?12款网页设计模板给你灵感!
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档