gpt4 book ai didi

azure - 我在使用 Azure Media Player 时加载两个视频(在同一页面上)时遇到问题

转载 作者:行者123 更新时间:2023-12-03 05:59:02 25 4
gpt4 key购买 nike

使用 JavaScript 而不是数据设置属性时,我在同一页面上加载两个视频时遇到问题。以下是基于此处文档中的示例的示例:https://amp.azure.net/libs/amp/latest/samples/dynamic_setsource.html .

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Azure Media Player</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src="//amp.azure.net/libs/amp/latest/azuremediaplayer.min.js"></script>
</head>
<body>
<h1>Sample: Clear</h1>
<h3>Video 1</h3>
<div style="width: 320px;height: 200px; margin: 20px">
<video id="azuremediaplayer1" class="azuremediaplayer amp-default-skin amp-big-play-centered" tabindex="0"> </video>
</div>
<h3>Video 2</h3>
<div style="width: 320px;height: 200px; margin: 20px">
<video id="azuremediaplayer2" class="azuremediaplayer amp-default-skin amp-big-play-centered" tabindex="0"> </video>
</div>
<script>
var myOptions = {
"nativeControlsForTouch": false,
autoplay: true,
controls: true,
width: "320",
height: "200",
poster: ""
};
var myPlayer1 = amp("azuremediaplayer1", myOptions);
myPlayer1.src([{ src: "http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest", type: "application/vnd.ms-sstr+xml" }, ]);


var myPlayer2 = amp("azuremediaplayer1", myOptions);
myPlayer2.src([{ src: "http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest", type: "application/vnd.ms-sstr+xml" }, ]);
</script>
</body>
</html>

我对示例所做的只是删除评论并添加第二个视频。

我无法加载第二个视频。我确信播放器必须支持一个页面上的多个视频,但无法弄清楚我做错了什么?

最佳答案

您设置了相同的 ID 和相同的来源。改一下id和source就可以了。

var myPlayer1 = amp("azuremediaplayer1", myOptions);

更改自

var myPlayer2 = amp("azuremediaplayer1", myOptions);

至,

var myPlayer2 = amp("azuremediaplayer2", myOptions);

在此示例中,您使用 IIS 媒体服务,它通过 list 文件呈现媒体流。由于您对两个视频使用相同的 list 文件,因此这将呈现相同的视频。

谢谢。

关于azure - 我在使用 Azure Media Player 时加载两个视频(在同一页面上)时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35673141/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com