调用优酷云API 在自己的网站嵌入优酷视频

需求：
1、自己的网站嵌入优酷视频
2、实时显示播放时间

工作流程
1、申请优酷云
2、创建应用
3、获取播放器代码
4、运行

1、申请优酷云

链接

https://cloud.youku.com/

2、创建应用

中间会有审核(需要填写认证信息)

3、获取播放器代码

选择对应的功能，便可生成代码。

4、运行

新建web项目

html 代码如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head><body>
<div id="youkuplayer" style="width:580px;height:326px"></div><div><h4>当前播放进度：</h4><span id="CntTime"></span>
</div></body><script type="text/javascript" src="https://player.youku.com/jsapi"></script><script type="text/javascript">var player = new YKU.Player('youkuplayer', {styleid: '0',client_id: '802e5ab9bcb588d8',vid: 'XNDY4MjAyNTI0NA==',newPlayer: true,autoplay: true,events: {onPlayStart: function () {console.log("ok");}}});window.addEventListener('message', function (e) {var data = e.data;switch (data.msg) {case "onPlayerStart": {onPlayerStart();break;}case "onPlayEnd": {onPlayEnd();break;}case 'onTimeUpdate': {document.getElementById("CntTime").innerHTML = data.time;console.info(data.time);break;}case "state": {var state = data.stateParam;console.info(state);break;}}}, false);
</script>
</html>

效果

完工！！！！

调用优酷云API 在自己的网站嵌入优酷视频相关推荐

【python】调用百度智能云API实现手写文字识别
注:本文系湛江市第十七中学星火创客团队及岭南师范学院物联网俱乐部原创部分参赛项目,转载请保留声明文章目录调用百度智能云API实现python识别手写文字一.准备工具电脑端准备: 1.pytho ...
Python调用百度智能云API进行文本情感分析
Python调用百度智能云API进行文本情感分析安装SDK 在调用前首先需要通过 pip 安装百度智能云 SDK. 可参考官方文档:https://cloud.baidu.com/doc/OCR/s ...
调用百度智能云 api --新手入门教程
登录或者注册用户百度找到官网链接: 点击控制台: 登录上去,没有百度账户的可以先注册: 点击产品服务,找到人工智能,然后点击文字识别(下面的图片是老版的智能云): 点击创建应用随便填自己的想要的名 ...
Python 调用有道翻译api接口翻译外文网站的整篇西班牙文实战演示
Python 调用有道翻译 api 接口翻译整篇西班牙文实战演示第一章:翻译效果展示 ① 翻译文章示例一[阿尔卡拉门的无海摩纳哥:"不到4万欧元,你就不能在这里租任何东西."] ...
python调用百度智能云API请求（以自然语言处理——词法分析为例）
调用API的思路: 获得api的token 按官方文档发送链接分析返回的结果步骤一:获取API的token 如果不知道token是啥,或是不知道怎么获取token,请参考:https://blog ...
如何调用蓝鲸智云API接口？
文章目录明确参数编写程序验证结果明确参数假设已经安装好蓝鲸平台,进入平台管理界面,进入开发者中心.我使用的是蓝鲸社区版bkce_basic_suite-6.0.4的安装包. ...
调用腾讯云API实现英文识别
目录 1. 作者介绍 2. 腾讯云英文识别API介绍 2.1 英文识别原理-OCR技术 2.2 腾讯云英文识别API 3. 实验过程 3.1获得API 3.2申请调用接口 3.3调试接口 3.4实验代 ...
调用百度智能云API，实现身份证智能识别并转语音 | Python
一.百度云新建应用.获取权限和额度 1. 登录百度智能云,产品服务-->人工智能-->图像识别 2. 应用列表-->创建应用,用于身份证照的信息识别 3. 应用创建完成,得到APP_ ...
python调用腾讯云API语音识别
一.登录腾讯云.开通语音识别接口.获取密钥登录 - 腾讯云 (tencent.com) 二.打开 API Explorer 语音识别录音文件识别请求 - API 文档 - 文档中心 - 腾讯云 ...

调用优酷云API 在自己的网站嵌入优酷视频

1、申请优酷云

2、创建应用

3、获取播放器代码

4、运行

调用优酷云API 在自己的网站嵌入优酷视频相关推荐

最新文章

热门文章