使用JavaScript而不是data-setup属性时，我无法在同一页面上加载两个视频。这是一个基于以下文档中的示例的示例：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和来源就可以了。
var myPlayer1 = amp("azuremediaplayer1", myOptions);
从
var myPlayer2 = amp("azuremediaplayer1", myOptions);
到，
var myPlayer2 = amp("azuremediaplayer2", myOptions);
在此示例中，您使用的是IIS媒体服务，该服务通过清单文件呈现媒体流。由于您为两个视频使用了相同的清单文件，因此将呈现相同的视频。
谢谢。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句