html在网页中加入视频,如何在自己的网页嵌入优酷视频(easy)

准备：

前端基础

1、优酷开发者账号 + 应用ID

2、如果你还没有优酷开发者账号和应用ID：http://cloud.youku.com/docs/docs?id=0，需要审核，一半半天到一天就OK。

如下为我创建的应用

da2fcdc91ec4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

起飞

打开文档：http://cloud.youku.com/tools

我们选择工具->页面上传工具，依次选择你创建的应用，当然这个应用对应的client id也要记着(避免基础差的同学创建多了出现混淆)，选择要上传的视频文件，同时下边几个输入框可以自定义信息，但不都能留空，否则不允许提交，最后点击上传。

da2fcdc91ec4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

上传后会有如下弹框，务必保存弹框信息。

da2fcdc91ec4?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

截止现在我们保存了两条信息

1、应用ID：client id

2、弹框信息：videoid

最后创建文件 mydemo.html ，内容如下(请替换client_id、vid为之前你自己保存的值)：

Mydemo

First player.youku

var player = new YKU.Player('youkuplayer',{

styleid: '0',

client_id: '06b82c7c52d27a2a',

vid: 'XMzk0NzE0MjExMg==',

newPlayer: true

});

Second iframe player.youku

通用地址:

flash地址:

http://player.youku.com/player.php/sid/XMzk0NzE0MjExMg==/isShowRelatedVideo/false/v.swf

页面地址:

http://cloud.youku.com/services/sharev?vid=XMzk0NzE0MjExMg==

视频地址:

http://player.youku.com/embed/XMzk0NzE0MjExMg==

完成之后，用浏览器打开此文件(如果没反应就刷新一下)，视频完美演示。

html在网页中加入视频,如何在自己的网页嵌入优酷视频(easy)相关推荐

优酷视频怎么转二维码_优酷视频转二维码
有的人想将自己制作的视频分享出去,那么该如何将视频转换成二维码来分享呢?其实方法很简单,直接在视频界面中就能生成,这里和大家讲讲. 01. 登录自己的优酷帐号,然后点击右上角的上传按钮. 优酷视频怎么 ...
Android Webview完美支持播放各种视频。（解决无法播放优酷视频的问题以及周末无法播放优酷视频的问题）
通常我们会有这样的业务需求:手机端展示某个H5页面,H5页面来源可能是优酷.56.爱奇艺等某个视频网站的一个视频.用户可以直接操作观看.很简单.但是很容易出现问题.比如属性没有处理好.会出现可以加载5 ...
调用优酷云API 在自己的网站嵌入优酷视频
需求: 1.自己的网站嵌入优酷视频 2.实时显示播放时间工作流程 1.申请优酷云 2.创建应用 3.获取播放器代码 4.运行 1.申请优酷云链接 https://cloud.youku.com/ ...
html网页嵌入优酷视频,HTML页面插入优酷视频代码（转）
PS:1.标注斜体部分XNzI0NDYzNzA0是优酷视频的ID号例如优酷视频地址:http://v.youku.com/v_show/id_XNzI0NDYzNzA0.html ...
解决vue移动端项目嵌入优酷视频问题
大家在开发vue 项目的过程中,可能会遇到网络上的视频或者音频嵌入到vue里面的问题...尤其是优酷视频... 官网有关这方面的api,但是在vue里面不好理解... 提示:ie下要有<html ...
html中显示优酷视频,html5 - h5页面上如何播放优酷视频
巴扎黑2017-04-17 12:10:441楼看到上面的答案,可能有人会有雾水.我来补充一下. 如果使用ueditor,kineditor等富文本编辑器插入的视频,其默认是插入swf结尾的url ...
优酷分享html代码,优酷视频自适应移动版网页方案
在网页中插入视频之后,存在一个问题,就是移动版网页的视频自适应小窗口. 本文用优酷来举例,优酷的每个视频页面,都给我们提供了直接对视频内容进行分享的链接,视频插入网页很容易,但是此网页的移动版在显示视 ...
优酷视频云技术解析-立哥技术
前言:从15年开始,云计算就开始从领先概念慢慢落成实地, 视频云技术作为其中重要分支,得到了长足发展.今天是笔者的生日,也从技术发展角度解析下视频云的要点技术. 1.优酷视频云技术核心:Cache C ...
名编辑电子杂志大师教程 | 如何把优酷视频嵌入到EXE电子书里？
具体操作如下: 1. 点击"页面编辑面板"进入编辑页面. 2. 添加链接,点击工具栏上的"添加链接"按钮->在页面上画框(哪里需要嵌入优酷视频就画在哪里) ...

html在网页中加入视频,如何在自己的网页嵌入优酷视频(easy)

html在网页中加入视频,如何在自己的网页嵌入优酷视频(easy)相关推荐

最新文章

热门文章