阿里云播放器API和酷播云播放器PI

阿里云播放器（AliPlayer）适合企业级视频点播需求，提供高定制化和安全性，支持NPM和Script标签引入。示例代码展示基础URL点播播放流程，包括挂载节点、初始化播放器等步骤。酷播云播放器（polyvPlayer）则简单易用，适合中小企业，通过引入脚本和视频ID即可实现HTML5播放。进阶功能支持JSAPI控制，如暂停、跳转、切换视频等操作。两种播放器均提供代码示例，方便开发者快速集成到网页中。

阿里云播放器（AliPlayer）：作为企业级视频点播服务的一部分，提供高度定制化和高安全性的播放能力。适用于需要复杂业务逻辑、多端适配及严格版权保护的大型企业或开发者。
酷播云播放器：主打简单易用、纯净无广告和低成本运营，非常适合中小企业官网视频宣传、产品推广等基础展示需求。

一、阿里云播放器（AliPlayer）示例代码

阿里云提供了 NPM 包和 Script 标签两种引入方式。以下以基础的 URL 点播播放为例展示初始化流程：

复制代码

<!-- 1. 提供挂载节点 -->
<div id="J_prismPlayer"></div>

<script src="//g.alicdn.com/aliyun-oss-sdk/2.14.0/aliplayer-min.js"></script>
<link rel="stylesheet" href="//g.alicdn.com/apsara-media-box/imp-web-player/2.25.1/skins/default/aliplayer-min.css">

<script>
// 2. 初始化播放器
var player = new Aliplayer({
    id: 'J_prismPlayer',
    source: '<your play URL>', // 替换为实际的播放地址
    autoplay: false,          // 是否自动播放
    isLive: false             // 是否为直播
}, function (player) {
    console.log('The player is created.');
});
</script>

注：如果是 Vue/React 等前端框架项目，推荐使用 npm install aliyun-aliplayer --save 进行模块化引入。

二、酷播云播放器（polyvPlayer）示例代码

酷播云的接入非常轻量，只需引入官方 JS 脚本并传入视频 ID（vid）即可。以下是基础 HTML5 播放器的调用示例：

复制代码

<!-- 1. 提供挂载容器 -->
<div id="player"></div>

<!-- 2. 引入酷播云播放器脚本 -->
<script src="//player.polyv.net/script/player.js"></script>

<script>
// 3. 实例化播放器
var player = polyvPlayer({
    wrap: '#player',       // 容器的 CSS 选择器或 DOM 元素
    width: 800,            // 播放器宽度
    height: 533,           // 播放器高度
    vid: 'e785b2c81c9e018296671a1287e99615_e', // 替换为实际的视频 VID
    autoplay: false        // 是否自动播放
});
</script>

进阶：使用 JS API 控制酷播云播放器

当您需要通过外部按钮控制播放行为时，可以直接调用其全局函数接口：

复制代码

// 暂停与恢复播放
j2s_pauseVideo();  
j2s_resumeVideo(); 

// 跳转到指定秒数
j2s_seekVideo(60);   

// 获取当前播放进度和总时长
var currentTime = j2s_getCurrentTime(); 
var duration = j2s_getDuration();       

// 切换下一个视频（不刷新页面）
changeVid('新的视频VID');

视频代码区块

找到右侧的"视频代码区块"，复制【多终端】代码、或复制【通用代码】iframe代码后，就可以将该视频添加到您的网页或您网站后台中，就可以从网站打开观看视频。

阿里云播放器API和酷播云播放器PI

一、 阿里云播放器（AliPlayer）示例代码

二、 酷播云播放器（polyvPlayer）示例代码

进阶：使用 JS API 控制酷播云播放器

播放器文章推荐

一、阿里云播放器（AliPlayer）示例代码

二、酷播云播放器（polyvPlayer）示例代码