【新手教程】阿里云视频点播，轻轻松松给网站加上视频的翅膀

您是不是被网站视频问题弄的焦头烂额、心烦意乱、夜不能寐、寝食难安？那么，看完这里，以上问题统统都可以解决啦。
首先，我们开通阿里云视频点播功能，传送门： https://www.aliyun.com/product/vod 开通需要1-5分钟时间，请不要重复提交，请耐心等待：）




开通视频点播后，我们进入控制台-》视频点播-》全局设置-》添加新域名
比如您的网站是 www.aliyun.com 您想用video.aliyun.com访问所有上传的视频，那么就添加域名就填video.aliyun.com，添加后，稍等片刻就会开通成功。
这时，我们需要将该域名的cname解析到系统提示的地址。如下图：



域名配置好后，我们开始上传视频，




上传完成后，在视频列表中，可以看到每个视频对应的videoid




点击视频列表中的管理，进入到视频详细页面，里面有web播放器代码，复制一下。




到这里，也许可能您觉得视频播放离成功只差0.01毫米了吧，把代码Ctrl+c，再Ctrl+v到网站上，然后打开网站，视频流畅的播放，一切问题都可以烟消云散了，是吗？
但是，呵呵，但是这个并不是这样的呢，代码中还有一个参数， playauth: "客户调用接口生成"
这个需要调用阿里云视频播放接口生成滴，估计很多个都跪在了这里呢。。那么如何通过视频videoid获取playauth呢？坐下，请都坐下，继续往下看
首先下载附件中的sdk,这个是前几天下载的php版本，如果想看看有没出新版本，可以通过传送门 https://help.aliyun.com/document_detail/61070.html
稍微修改了一下，里面还有一个参考代码t.html




主要修改两个地方，一个是authapi.php，这个是获取视频播放参数playauth文件，将你自己的阿里云appid和密钥填上。如果还未生成过的话，进入accesskey管理生成一下。传送门： https://ak-console.aliyun.com/#/accesskey
<?php
include_once 'aliyun-php-sdk-core/Config.php';
use vod\Request\V20170321 as vod;
$access_key_id="aa";
$access_key_secret="bb";

$VideoId=$_GET["videoid"];
$regionId = 'cn-shanghai';
$profile = DefaultProfile::getProfile($regionId, $access_key_id, $access_key_secret);
$client = new DefaultAcsClient($profile);
date_default_timezone_set('PRC');

function testGetVideoPlayAuth($client, $regionId, $VideoId) {  
$request = new vod\GetVideoPlayAuthRequest();  
$request->setAcceptFormat('JSON');  
$request->setRegionId($regionId);  
$request->setVideoId($VideoId);            //视频ID  
$response = $client->getAcsResponse($request);  
return $response;  
}  
    
if($VideoId!="")
{
    try {  
    $videoinfo=(array)(testGetVideoPlayAuth($client, $regionId, $VideoId));
    $play_auto=$videoinfo["PlayAuth"];
    echo "play_auto='".$play_auto."'";
    } catch (Exception $e) {  
        $e->getMessage();
    }
}
else
    {echo "VideoId error";}
?>如果配置正常的话，打开 authapi.php?videoid=f60e19885082440099ca87fd28c45dc0 就可以看到
play_auto='eyJTZWN1cml0eVRva2VuIjoi...'
如果看到这个，那么，恭喜您，离成功的视频播放器，只差0.001毫米啦。
将这个playauto加到web播放器的代码中，就可以完成视频播放器的设置了。可以参考下t.html
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="authapi.php?videoid=f60e19885082440099ca87fd28c45dc0"></script>

以下是播放器代码:

<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.3.5/skins/default/aliplayer-min.css" /><script type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.3.5/aliplayer-min.js"></script><script type="text/javascript">

document.write("<div id = 'J_prismPlayer' style='width: 1920px;height: 1280px;' class='prism-player'></div >");window.onload = function () {new Aliplayer({id: "J_prismPlayer",autoplay: true,width: "960px",height: "1280px",vid: "f60e19885082440099ca87fd28c45dc0",playauth: play_auto,});};</script>
注意的是，t.html中有2处videoid需要修改成你自己视频的videoid


一般我都说的这么清楚了，按上面的来，应该问题不大。但如果还有问题的话，下载附件中的代码，在这基础上再改改，再不行就只好在这里留言了，我看到了后也会尽力为你解决问题的。