大佬帮我把一个视频地址改成传参,谢谢

cunanhai · 发表于前天 22:34

<!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"  />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.30.3/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
var player = new Aliplayer({
  "id": "player-con",
  "source": "https://mfqcb.zyzqcb.cc/Vtche/RY/4205083878.m3u8",
  "width": "100%",
  "height": "100%",
  "autoplay": false,
  "isLive": false,
  "cover": "http://img.netbian.com/file/2023/0525/235919GzKfQ.jpg",
  "rePlay": false,
  "videoHeight": undefined,
  "isVBR": undefined,
  "preload": false,
  "controlBarVisibility": "hover",
  "useH5Prism": true
}, function (player) {
console.log("The player is created");
  }
);
</script>
</body>

上面这个播放器代码我想把https://mfqcb.zyzqcb.cc/Vtche/RY/4205083878.m3u8改成外部传参方式,比如地址是http://llocalhost/index.html?V=https://mfqcb.zyzqcb.cc/Vtche/RY/4205083878.m3u8
这样播放谁能帮忙修改一下

深爱者 · 发表于前天 23:49

[HTML] 纯文本查看 复制代码

<!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"  />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.30.3/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
// 从URL参数中获取视频源地址
function getQueryParam(name) {
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(window.location.search);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

// 获取视频源参数，如果没有则使用默认值
var videoSource = getQueryParam('V') || "https://mfqcb.zyzqcb.cc/Vtche/RY/4205083878.m3u8";

var player = new Aliplayer({
  "id": "player-con",
  "source": videoSource,
  "width": "100%",
  "height": "100%",
  "autoplay": false,
  "isLive": false,
  "cover": "http://img.netbian.com/file/2023/0525/235919GzKfQ.jpg",
  "rePlay": false,
  "videoHeight": undefined,
  "isVBR": undefined,
  "preload": false,
  "controlBarVisibility": "hover",
  "useH5Prism": true
}, function (player) {
    console.log("The player is created");
  }
);
</script>
</body>
</html>

cunanhai · 发表于昨天 00:01

深爱者发表于 2025-5-4 23:49
[mw_shl_code=html,true]

播放错误...我是从阿里播放器官网复制的代码 ...

尛龍科技 · 发表于昨天 00:13

[HTML] 纯文本查看 复制代码

<!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"  />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.30.3/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
function getQueryParam(name) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(name);
}

const videoUrl = getQueryParam('V') || 'https://mfqcb.zyzqcb.cc/Vtche/RY/4205083878.m3u8';

var player = new Aliplayer({
  "id": "player-con",
  "source": decodeURIComponent(videoUrl)
  "width": "100%",
  "height": "100%",
  "autoplay": false,
  "isLive": false,
  "cover": "http://img.netbian.com/file/2023/0525/235919GzKfQ.jpg",
  "rePlay": false,
  "videoHeight": undefined,
  "isVBR": undefined,
  "preload": false,
  "controlBarVisibility": "hover",
  "useH5Prism": true
}, function (player) {
    console.log("The player is created");
  }
);
</script>
</body>
</html>

cunanhai · 发表于昨天 02:38

尛龍科技发表于 2025-5-5 00:13
[mw_shl_code=html,true]

白屏~~

青春已不再 · 发表于昨天 08:27

[HTML] 纯文本查看 复制代码

<!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>
    <script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.30.3/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
// 获取URL参数函数
function getQueryParam(name) {
    const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    const r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURIComponent(r[2]);
    return null;
}

// 从URL参数获取播放地址
const videoSource = getQueryParam('source') || 'https://mfqcb.zyzqcb.cc/Vtche/RY/4205083878.m3u8';

var player = new Aliplayer({
    "id": "player-con",
    "source": videoSource, // 使用参数传递的播放地址
    "width": "100%",
    "height": "100%",
    "autoplay": false,
    "isLive": false,
    "cover": "http://img.netbian.com/file/2023/0525/235919GzKfQ.jpg",
    "rePlay": false,
    "preload": false,
    "controlBarVisibility": "hover",
    "useH5Prism": true
}, function (player) {
    console.log("播放器创建完成");
    // 可以在这里添加错误处理
    player.on('error', function(e) {
        console.error('播放错误:', e);
        alert('视频加载失败，请检查播放地址');
    });
});
</script>
</body>
</html>

访问 http://127.0.0.1/py.html?source=https://mfqcb.zyzqcb.cc/Vtche/RY/4205083878.m3u8 试试吧，你这个代码貌似缺少css布局文件这边测试可以正常播放

你的猫 · 发表于昨天 23:19

[JavaScript] 纯文本查看 复制代码

<!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"  />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.30.3/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
// Function to get URL parameters
function getUrlParameter(name) {
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(window.location.href);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

// Get the video URL from the 'V' parameter
var videoUrl = getUrlParameter('V') || "https://mfqcb.zyzqcb.cc/Vtche/RY/4205083878.m3u8";

var player = new Aliplayer({
  "id": "player-con",
  "source": videoUrl,
  "width": "100%",
  "height": "100%",
  "autoplay": false,
  "isLive": false,
  "cover": "http://img.netbian.com/file/2023/0525/235919GzKfQ.jpg",
  "rePlay": false,
  "videoHeight": undefined,
  "isVBR": undefined,
  "preload": false,
  "controlBarVisibility": "hover",
  "useH5Prism": true
}, function (player) {
    console.log("The player is created");
  }
);
</script>
</body>
</html>

		自动登录	找回密码
密码			注册

[Web相关] 大佬帮我把一个视频地址改成传参,谢谢

浏览过的版块