1 <!DOCTYPE html>
2 <html lang="en-US">
3
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <!-- <meta name="viewport" content="initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> -->
7 <meta content="width=640,user-scalable=0" name="viewport" />
8 </script>
9 <style>
10 html,
11 body,
12 * {
13 padding: 0;
14 margin: 0;
15 }
16
17 html,
18 body {
19 height: 100%;
20 }
21
22 #wrap,
23 #player {
24 height: 100%;
25 }
26 </style>
27 </head>
28
29 <body>
30 <div id="wrap">
31 <div id="player">
32 </div>
33 </div>
34 <script>
35 window.console2 = console;
36 </script>
37 // youku 的api 会重写console，导致console.log 失效，所以需要在引入youku api 之前备份console 对象
38 <script type="text/javascript" src="http://player.youku.com/jsapi"></script>
39 <script>
40 console.log('console');
41 console2.log('console2');
42 function setYKUPlayer(data) {
43 console.log('setYKUPlayer,data is:', data);
44 // client_id 和 styleid 可以忽略
45 var player = new YKU.Player('player', {
46 styleid: '1',
47 client_id: '7307ee0273158588',
48 vid: data,
49 });
50 }
51 // http://v.youku.com/v_show/id_XMTQxMzM2MjA5Mg==_ev_1.html?from=y1.3-idx-uhome-1519-20887.205805-205902.1-1
52 // 在id_ 后面截取视频id:XMTQxMzM2MjA5Mg==
53 setYKUPlayer('XMTQxMzM2MjA5Mg==');
54 </script>
55 </body>
56
57 </html>
