资讯专栏INFORMATION COLUMN

网页引入腾讯视频小记

tolerious / 521人阅读

摘要:前言更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下腾讯视频开放平台文档方法一引入在视频播放界面的左下方,鼠标移动到分享,复制通用代码放在页面上即可方法二引入引入部分部分保留播放按钮手机端图精简皮肤播放器显示完毕暂停了播放

前言:更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下

腾讯视频开放平台:http://v.qq.com/open/index.html
文档:http://v.qq.com/open/doc/tvpa...
方法一:引入iframe

在视频播放界面的左下方,鼠标移动到分享,复制通用代码放在页面上即可

方法二:引入js

1、引入js:

2、html部分:

3.1、js部分(保留播放按钮)

还有一种需求是 播放按钮 要求用其它样式的,我们可以把原本的播放按钮隐藏掉,然后把在视频封面图上加上视频按钮,如下图:

于是有了3.2
3.2、js部分 :(去掉了播放按钮)


对于3.2,我们也可以直接改播放按钮的样式。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51459.html

相关文章

  • 网页引入腾讯视频小记

    摘要:前言更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下腾讯视频开放平台文档方法一引入在视频播放界面的左下方,鼠标移动到分享,复制通用代码放在页面上即可方法二引入引入部分部分保留播放按钮手机端图精简皮肤播放器显示完毕暂停了播放 前言:更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下 腾讯视频开放平台:http://v.qq.com/open/index.html文档...

    YuboonaZhang 评论0 收藏0
  • 网页引入腾讯视频小记

    摘要:前言更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下腾讯视频开放平台文档方法一引入在视频播放界面的左下方,鼠标移动到分享,复制通用代码放在页面上即可方法二引入引入部分部分保留播放按钮手机端图精简皮肤播放器显示完毕暂停了播放 前言:更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下 腾讯视频开放平台:http://v.qq.com/open/index.html文档...

    546669204 评论0 收藏0
  • 网页引入腾讯视频小记

    摘要:前言更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下腾讯视频开放平台文档方法一引入在视频播放界面的左下方,鼠标移动到分享,复制通用代码放在页面上即可方法二引入引入部分部分保留播放按钮手机端图精简皮肤播放器显示完毕暂停了播放 前言:更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下 腾讯视频开放平台:http://v.qq.com/open/index.html文档...

    zhaot 评论0 收藏0
  • 腾讯云Codeigniter小记

    摘要:前段时间为了抓取网络文本数据,申请了腾讯云学生机,用的框架弄了一段时间。这个用户既是不可登录的操作系统用户,也是数据库用户。设置数据库用户密码为了能够让和数据库相连接,需要设置数据库用户密码。 打读研之后,更加关注算法的学习,Web开发这一块便落下了,平时也通过微信公众号关注了些,常常感慨,技术的更迭真是日新月异。 前段时间为了抓取网络文本数据,申请了腾讯云学生机,用Python的Sc...

    Ocean 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<