操作手册
【试用教程】快速接入阿里云Web播放器SDK
ice
手动配置
20
教程简介
本教程介绍如何快速接入Web播放器并完成基础的视频播放。
我能学到什么
了解使用智能媒体服务播放器SDK的基本流程。
学会快速接入Web播放器。
操作难度 | 中 |
所需时间 | 20分钟 |
使用的阿里云产品 | |
所需费用 | 按本教程使用Web播放器SDK过程中，如需使用智能媒体服务中的资源，则需先上传资源到智能媒体服务中，由此可能产生媒资存储费用。 |
准备环境和资源
5
开始教程前，请按以下步骤准备环境和资源：
快速接入
5
引入JavaScript语言文件（以下简称为JS文件）。
Web播放器不依赖于任何的前端JS库，只需要在页面中引用JS文件，就可以进行初始化。
引入自适应模式的JS文件：该JS文件同时包含了Flash和H5跨终端自适应的逻辑。引入该JS文件后，播放器SDK会自行适配播放模式。
说明引入自适应模式的JS文件后，如需自定义播放模式，设置
useH5Prism=true表示H5模式。在<head>标签中添加如下示例代码，引入自适应模式的JS文件：
<head> <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.15.2/skins/default/aliplayer-min.css" /> //（可选）如果您的使用场景需要用到H5模式的播放器，则需引用此css文件。 <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.15.2/aliplayer-min.js"></script> //（必须）引入js文件。 </head>在IE 8浏览器使用Flash模式的播放器时，需要在页面添加json.min.js的引用，示例代码如下：
https://g.alicdn.com/de/prismplayer/2.15.2/json/json.min.js提供挂载元素。
在<body>标签中添加如下示例代码：
<body> <div id="J_prismPlayer"></div> </body>通过URL播放。Web播放器SDK支持通过URL播放，使用URL播放方式播放视频，需要将播放器的source属性设置为播放地址。
播放地址可以是阿里云智能媒体服务或视频点播服务中的播放地址，也可以是第三方的视频地址，建议使用智能媒体播服务中媒资库里视频的播放地址用于播放体验。
在<script>标签中添加如下示例代码：
var player = new Aliplayer({ id: 'J_prismPlayer', source: '<your play URL>',//播放地址，建议使用智能媒体播服务中媒资库里视频的播放地址。 },function(player){ console.log('The player is created.') });
完成
5
完成以上操作后，您已经成功接入Web播放器，可以使用URL播放方式播放视频。
清理及后续
5
清理
智能媒体服务提供的播放器SDK标准版使用时长为12个月。请在阿里云免费试用确认您试用的资源包类型，并参考以下规则清理：
如果无需继续使用，请及时登录智能媒体服务控制台，删除已上传资源，避免产生存储费用。
如果需要继续使用播放器SDK，请在试用期到期前及时购买License。到期未续费则阿里云会暂停您的播放器SDK服务使用。
后续
您也可以使用智能媒体服务对媒体进行审核、剪辑等操作，详细说明，请参见功能特性。
总结
常用知识点
问题1：智能媒体服务中的视频处于以下哪个状态时可以正常播放？（单选题）
正确答案是正常。视频上传到智能媒体服务时，状态从上传中变为上传成功后，代表视频已成功上传，可以进行下一步媒体处理；仅当状态变为正常时，代表视频已媒体处理完成，可以进行正常播放。
问题2：以下哪类视频地址可以使用阿里云播放器SDK进行播放？（单选题）
正确答案是以上都正确。阿里云播放器SDK即支持播放智能媒体服务中存储的视频，也支持播放第三方视频。