js脚本控制优酷播放器

最新推荐文章于 2020-05-25 10:00:22 发布

吴丘

最新推荐文章于 2020-05-25 10:00:22 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： jscript 文章标签： js

本文链接：https://blog.youkuaiyun.com/yibingde/article/details/38654811

jscript 专栏收录该内容

2 篇文章

订阅专栏

本文提供了一种通过JS脚本来控制优酷播放器的方法，包括播放、暂停、显示和隐藏播放按钮、停止退出等功能。详细介绍了HTML代码实现，以及与优酷API的集成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给大家介绍种js脚本控制优酷播放器方法，网上的功能不完整，本人改进了一下，含播放，暂停，显示播放按钮，隐藏播放按钮，停止退出。

html代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body style="text-align: center; margin: 0 auto;">
    <div style="margin:20px; text-align:center">
        <button id="demo" onclick="javascript:playVideo();">start</button>
        <button id="demo1" onclick="javascript:pauseVideo();">pause</button>
        <button id="showControls" onclick="javascript:showControls();">showControls</button>
        <button id="hideControls" onclick="javascript:hideControls();">hideControls</button>
        <button id="btnStop" onclick="javascript:Stop();">Stop</button>
        <div style="width: 480px; margin: 10px auto; height: 400px" id="youkuplayer" />
        <script type="text/javascript">
            var player = null;
            function playVideo() { if (player != null) { player.playVideo(); } else { document.location = document.location; } }
            function pauseVideo() { if (player != null) { player.pauseVideo(); } }
            function hideControls() { if (player != null) { player.hideControls(); } }
            function showControls() { if (player != null) { player.showControls(); } }
            function Stop() { player = null; document.getElementById("youkuplayer").innerHTML = ''; }
        </script>
        <script src="http://player.youku.com/jsapi" type="text/javascript">
        player = new YKU.Player('youkuplayer',{
        styleid: '0',
        client_id: 'eefe9359b6ec9929',
        vid: 'XNzUxNTIwOTA4',
        autoplay: true