This commit is contained in:
2024-07-17 19:12:32 +08:00
parent 1dc5c16c59
commit ad9ee19e48
4 changed files with 82 additions and 40 deletions

View File

@@ -255,7 +255,7 @@ export default {
},
async getVideo() {
var data = {};
var that=this;
var that = this;
$http
.request({
url: `sociology/course/ttt`,
@@ -888,7 +888,8 @@ export default {
playerOptions = {
...playerOptions,
"playauth": this.videoData.playAuth, // 必选参数参数值可通过调用GetVideoPlayAuth接口获取。
"encryptType": 1, // 必选参数当播放私有加密流时需要设置本参数值为1。其它情况无需设置。
format:'mp4',
// "encryptType": 1, // 必选参数当播放私有加密流时需要设置本参数值为1。其它情况无需设置。
"playConfig": {
"EncryptType": 'AliyunVoDEncryption'
},

View File

@@ -12,7 +12,7 @@
}`"
>
<view :style="`background:#000`">
<common-video-ios
<!-- <common-video-ios
v-if="$platform == 'ios'"
@changeScreen="changeScreen"
@changeScreenLoading="changeScreenLoading"
@@ -20,9 +20,9 @@
:currentVideo="currentVideo"
:currentVideoList="videoArray"
>
</common-video-ios>
</common-video-ios> -->
<common-video
v-else
@changeScreen="changeScreen"
@changeScreenLoading="changeScreenLoading"
ref="commonVideo"

36
static/html/aaa.html Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<title>Aliplayer Online Settings</title>
<link rel="stylesheet"
href="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8"
src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
var player = new Aliplayer({
"id": "player-con",
"source": "//player.alicdn.com/video/aliyunmedia.mp4",
"width": "100%",
"height": "500px",
"autoplay": true,
"isLive": false,
"rePlay": false,
"playsinline": true,
"preload": true,
"controlBarVisibility": "hover",
"useH5Prism": true
}, function (player) {
console.log("The player is created");
}
);
</script>
</body>

View File

@@ -1,22 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<title>Aliplayer Online Settings</title>
<link rel="stylesheet" href="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/aliplayer-min.js"></script>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<title>Aliplayer Online Settings</title>
<link rel="stylesheet"
href="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8"
src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.24.1/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
var player = new Aliplayer({
<div class="prism-player" id="player-con"></div>
<script>
var player = new Aliplayer({
"id": "player-con",
"vid": "000d96cd433771efbff25420848c0102",
"accessKeyId": "STS.NTU6wnMWbcmnKAgPE3sxPorh4",
"securityToken": "CAISwgJ1q6Ft5B2yfSjIr5fgfc3aoIhD1K+FSWfWtEVmf/d8gLfD1jz2IHhMdHFuB+4YsP41lWtS7f8alqJvRoRZXkHfdsp36MzCfcpIh9CT1fau5Jko1beDewHKeT+ZsebWZ+LmNqS/Ht6md1HDkAJq3LL+bk/Mdle5MJqP+/EFA8oQUlv6F00kYu1bPQx/ssQXGGLMPPK2SH7Qj3HXEVBjt3gX6wo9y9zmnJXAtUaG1Qalmr5M9tyuGPX+MZkwZqUYesyuwel7epDG1CNt8BVQ/M909vccoWef4I/DXQcLuUTdabGNqscAMgh1fK8+Fr7vNBB7d2X80Aa6tfMUq34lVYk9O0xU1DO2RNwb4Zu2LCA/bJjxDWbj2B5zWvYOS/vdiIPa5dqnghPI55Kh8N31m9ywwdXEh7uyiWz4I9GdhgFoufIdGoABFy8JuV0rtNIdm/XPwIfLCYEtyBppI8M4C1t84QG+hmLu4SL5QzXPI5xzLFYKe+J+BPnNo8Qvc+RuFfU8chJ7in2jk1ixsbVMM1o1OWlYdlf6bmnwo00ljA9x3z2+EeQr9lvCv3s9rXRk4iwoSWQ1njT/GpxOSB9e+dm6TPbT0YggAA==",
"accessKeySecret": "75zxgsbpY3V7MnhuCorHDQTWXqoSYLK682edTGwEsAii",
"accessKeyId": "STS.NUBpxvsNu9pAiPy5KmkHzSD6p",
"securityToken": "CAISwgJ1q6Ft5B2yfSjIr5b3O8LCnpFUjrKqa3bI0Us4Z8dWvIGdkjz2IHhMdHFuB+4YsP41lWtS7f8alqJvRoRZXkHfdsp36MzXa+JLh9CT1fau5Jko1beDewHKeT+ZsebWZ+LmNqS/Ht6md1HDkAJq3LL+bk/Mdle5MJqP+/EFA8oQUlv6F00kYu1bPQx/ssQXGGLMPPK2SH7Qj3HXEVBjt3gX6wo9y9zmnJXAtUaG1Qalmr5M9tyuGPX+MZkwZqUYesyuwel7epDG1CNt8BVQ/M909vccoWef4I/DXQcLuUTdabGNqscAMgh1fK8+Fr7vNBB7d2X80Aa6tfMUq34lVYk9O0xUVNm99eAj4Zu2LCA/bJjxDWbj2B5zWvYOS/vdiIPa5dqnghPI55Kh8N31m9ywwdXEh7uyiWz4I7oS7b1oufIdGoABHRx0EH4FFIVsNTUYPhheAvHhHgRd/DIUWBYveJOyT+ZysfdF8G897ch5sQpB8NGYlc9edCTT974olS0vJCSBnTMqGUIbzUmZZEjtDCW2Rh5s/7bmLWvx3CR5JYpEcOwRedjzykK+t2/w1oZ4JowNftNIPlDnqk+I17tivUbzAosgAA==",
"accessKeySecret": "2KBMr5LwkyiW5vr29reaC7K47jKYV8TXEPyvkG2sx6ti",
"region": "cn-shanghai",
"format": "m3u8",
"mediaType": "video",
@@ -30,9 +35,9 @@ var player = new Aliplayer({
"preload": true,
"controlBarVisibility": "hover",
"useH5Prism": true
}, function (player) {
}, function (player) {
console.log("The player is created");
}
);
</script>
);
</script>
</body>