js控制优酷视频播放暂停

  • 分类:【前端
  • 浏览【841】
  • 评论【0】
  • 更新【2015-11-17 15:48:37】

js控制优酷视频播放暂停

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <title>js控制优酷视频播放</title>
        <script src="http://player.youku.com/jsapi"></script>
        <script>
            player = new YKU.Player('youkuplayer',{
                styleid: '0',
                client_id: 'd8781b239fdad45b',
                vid: 'XMjg1MTcyNDQ0',
                autoplay: false,
                show_related: true,
                events:{
                    onPlayEnd: function(){ /*your code*/ },
                    onPlayStart: function(){ /*your code*/ },
                    onPlayerReady: function(){ /*your code*/ }
                }
            });
            function playVideo(){
                try{
                    player.playVideo();
                } catch(err){
                    alert("*"+err);
                }
                
            }
            function pauseVideo(){
                player.pauseVideo();
                
            }
            function seekTo(s){
                player.seekTo(s);
            }
            function currentTime(){
                return player.currentTime();
            }
        </script>
    </head>
    <body>
        <div id="youkuplayer" style="width:100%;height:400px;"></div>
        <br />
        <input type="button" onclick="playVideo();" value="播放" style="height:30px;width:50px;">
        <input type="button" onclick="pauseVideo();" value="暂停" style="height:30px;width:50px;">
    </body>
</html>

关键字词:优酷视频