js 检测优酷视频播放

最新推荐文章于 2020-09-30 16:03:24 发布

转载最新推荐文章于 2020-09-30 16:03:24 发布 · 9.1k 阅读

文章标签：

#js youku

javascript 专栏收录该内容

42 篇文章

订阅专栏

<div id="youkuplayer"></div>
<script type="text/javascript">
var isready = false;
function onYoukuPlayerReady(){
    isready = true;
}
// call js api(pause video)
function pauseVideo() {
    if (!isready) return false;
    player.pauseVideo();
}
function onPlayStart(){alert("start")}
function onPlayEnd(){alert("Finished")}
</script>
<script type="text/javascript" src="http://player.youku.com/jsapi">
player = new YKU.Player('youkuplayer',{
        client_id:'44503cca1be605b5',
        vid:'XNjg4MjQyMTQ0',
        width:480,
        height:480,
        autoplay:false,
        show_related:true,
        events:{ 
            'onPlayerReady': onYoukuPlayerReady, 
            'onPlayStart':onPlayStart, 
            'onPlayEnd':onPlayEnd  
        }
    }
);
</script>

的优酷提供了相关JS API，来检测视频播放；以及通过JS触发视频播放和暂停。

需要申请一个youku开发账号：client_id

视频id ：vid

vid可以通过优酷播放页的分享给好友提供的flash地址和html代码中的sid获得。

player.playVideo();触发视频播放。