阿里云视频播放测试

翱翔-蓝天

已于 2022-04-28 11:39:36 修改

阅读量756

点赞数

于 2022-04-28 11:29:52 首次发布

本文链接：https://blog.csdn.net/qw123456789e/article/details/124470129

版权

html5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
  <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script>
</head>
<body>
<div  class="prism-player" id="J_prismPlayer"></div>
<script>
  var player = new Aliplayer({
    id: 'J_prismPlayer',
    width: '100%',
    autoplay: false,
    cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',
    //根据视频地址进行播放
    source : 'https://outin-fbe80b39beb111ec83b500163e1c94a4.oss-cn-shanghai.aliyuncs.com/sv/197263c5-1805bb010ae/197263c5-1805bb010ae.mp4?Expires=1651119464&OSSAccessKeyId=LTAI8bKSZ6dKjf44&Signature=68emipdRTp%2FuWiPxM9vjmAhc7U4%3D',
  },function(player){
    console.log('播放器创建好了。')
  });
</script>
</body>
</html>

根据凭证进行播放

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
  <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script>
</head>
<body>
<div  class="prism-player" id="J_prismPlayer"></div>
<script>
  var player = new Aliplayer({
    id: 'J_prismPlayer',
    width: '100%',
    autoplay: false,
    cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',
    //根据视频凭证进行播放
    encryptType:'1',//如果播放加密视频，则需设置encryptType=1，非加密视频无需设置此项
    vid : '641fff8e3d3f403badb83388efe35c01',
    playauth : 'eyJTZWN1cml0eVRva2VuIjoiQ0FJU2h3TjFxNkZ0NUIyeWZTaklyNWZ2S3YvT2o3QlIxWVc3UjNIV2lsWWdmTmRJbW9lZXB6ejJJSGxQZTNGaEFPb2V2L2svbVc5VTdmb2Nsck1xRThjVkh4eWJONXN1dHNRSnExTDlKcExGc3QySjZyOEpqc1VXeXRZSTVVYXBzdlhKYXNEVkVmbDJFNVhFTWlJUi8wMGU2TC8rY2lyWXBUWEhWYlNDbFo5Z2FQa09Rd0M4ZGtBb0xkeEtKd3hrMnQxNFVtWFdPYVNDUHdMU2htUEJMVXhtdldnR2wyUnp1NHV5M3ZPZDVoZlpwMXI4eE80YXhlTDBQb1AyVjgxbExacGxlc3FwM0k0U2M3YmFnaFpVNGdscjhxbHg3c3BCNVN5Vmt0eVdHVWhKL3phTElvaXQ3TnBqZmlCMGVvUUFQb3BGcC9YNmp2QWF3UExVbTliWXhncGhCOFIrWGo3RFpZYXV4N0d6ZW9XVE84MCthS3p3TmxuVXo5bUxMZU9WaVE0L1ptOEJQdzQ0RUxoSWFGMElVRUo4RzJDQ2QvWDRvZ3VTT2xuOUVKTG9pdjltamNCSHFIeno1c2VQS2xTMVJMR1U3RDBWSUpkVWJUbHpia1ZKaFQyNEtQZFhMbHdSTEE4OFcraVBNYXgzYlFGRHI1M3ZzVGJiWHpaYjBtcHR1UG56ZDJ4MkJCT3NuMjJVR29BQkY0TFhPeGd4Wmx1UXdrcEhZOHM4MG85T0hVemY3Ti9HZlpIYkgycml5enZKbWRHZVN5TWdrNGJPSXVCeEFpTnJ4c2pxRTFMTGJIaVdjMjEzeDYwV1d5S0lwcTBYZFJXK1BIeGJwb2pNRHNKZW9EUzh5Ym1SVzhZQ1hwcjBlSFVUZGVzZXgrSldlbmFIRFJQaFN4SHlldUNoY1hiS3YrQzc2SWtLUTJhUEFrOD0iLCJBdXRoSW5mbyI6IntcIkNJXCI6XCJ6bG5WeGptZ09rVDk5S1N0WXZFYThvZDUvVVJ2L29hQzhKMUcyamlpazJwNG00SThMOTIxalBUQjAyaXJSNXVyXCIsXCJDYWxsZXJcIjpcInZPZXpTMWl6dnQ5TVRueU9RZHZVcS9NS2lsbVprRjVyVWZBa0U2WW9iczQ9XCIsXCJFeHBpcmVUaW1lXCI6XCIyMDIyLTA0LTI4VDAzOjM5OjAzWlwiLFwiTWVkaWFJZFwiOlwiNjQxZmZmOGUzZDNmNDAzYmFkYjgzMzg4ZWZlMzVjMDFcIixcIlNpZ25hdHVyZVwiOlwiMVBUVlU0b0RMMnJrZ2pVWTJNZi9zcGF4MnZNPVwifSIsIlZpZGVvTWV0YSI6eyJTdGF0dXMiOiJOb3JtYWwiLCJWaWRlb0lkIjoiNjQxZmZmOGUzZDNmNDAzYmFkYjgzMzg4ZWZlMzVjMDEiLCJUaXRsZSI6IjYgLSBXaGF0IElmIEkgV2FudCB0byBNb3ZlIEZhc3RlciIsIkNvdmVyVVJMIjoiaHR0cDovL291dGluLWZiZTgwYjM5YmViMTExZWM4M2I1MDAxNjNlMWM5NGE0Lm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vNjQxZmZmOGUzZDNmNDAzYmFkYjgzMzg4ZWZlMzVjMDEvc25hcHNob3RzL2RlMjhkZGI2ZDY5NTRkMmM4MmQyZWY0NjNlMTFiZTRkLTAwMDAxLmpwZz9FeHBpcmVzPTE2NTExMjA2NDMmT1NTQWNjZXNzS2V5SWQ9TFRBSThiS1NaNmRLamY0NCZTaWduYXR1cmU9SSUyQjRzRjcxOEJRM3JZTm1NRDVOcnYlMkYlMkJnUldvJTNEIiwiRHVyYXRpb24iOjE2LjI3Njd9LCJBY2Nlc3NLZXlJZCI6IlNUUy5OVFphRXpib3BiR1BFV2duVnVwWGR1QjVFIiwiQWNjZXNzS2V5U2VjcmV0IjoiR1BWbWVSZWNMdEtxa2NMOThjSFdBRk5iQnVwRXlzNHVRaGgyZ0d2N1FHSzUiLCJSZWdpb24iOiJjbi1zaGFuZ2hhaSIsIkN1c3RvbWVySWQiOjEwMDgyODcyODYwODYyOTR9',
  },function(player){
    console.log('播放器创建好了。')
  });
</script>
</body>
</html>

翱翔-蓝天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
阿里云视频播放测试

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
复制链接

扫一扫