优酷播放器demo 

 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>

 

posted @ 2015-12-15 20:29  pasico  阅读(260)  评论(0)    收藏  举报