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

准备：

前端基础

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

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

如下为我创建的应用

起飞

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

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

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

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

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==

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