是否有使用 Azure 媒体播放器的标准？

Question

我一直在研究 Azure 媒体服务，并且能够创建一个程序，将我的视频 blob 从我的网站存储复制到我的媒体服务存储帐户，并从中创建一个资产/资产文件。然后我将它编码为自适应流媒体。

我遇到的问题是播放问题。我想使用 Azure 媒体播放器，因为它在检测环境和提供正确编码的流媒体视频方面很有前途。

当我使用 iframe 方法 (found here) 时，它可以工作，但我觉得我失去了一些自定义能力——而且它在 Mac 上的 Safari 中也出现了问题。

<iframe class="video-preview" src="//aka.ms/azuremediaplayeriframe?url=[MANIFEST URL HERE]&autoplay=false" name="azuremediaplayer" allowfullscreen></iframe>

另一种方法 (found here) 使用 <video> 标记以及放在标题中的 css 和 js 文件。

标题代码：

<link href="//amp.azure.net/libs/amp/1.1.0/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
    <script src="//amp.azure.net/libs/amp/1.1.0/azuremediaplayer.min.js"></script>
    <script>
        amp.options.flashSS.swf = "//amp.azure.net/libs/amp/1.1.0/techs/StrobeMediaPlayback.2.0.swf"
        amp.options.flashSS.plugin = "//amp.azure.net/libs/amp/1.1.0/techs/MSAdaptiveStreamingPlugin-osmf2.0.swf"
        amp.options.silverlightSS.xap = "//amp.azure.net/libs/amp/1.1.0/techs/SmoothStreamingPlayer.xap"
    </script>

视频代码：

<video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered video-preview" controls data-setup='{"nativeControlsForTouch": false}'>
        <source src="[MANIFEST URL HERE]" type="application/vnd.ms-sstr+xml" />
        <p class="amp-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p>
</video>

<data-setup> 属性应该激活 <video> 标记并将其转换为 Azure 媒体播放器，但我不会这样做。

所以，我的问题是：首选/标准方法是什么？我知道这很难确定，因为它还很年轻，而且一直在变化，但我只是想看看其他人的经历。

Answer 1

demo website 上的 iframe 方法目前是一种概念证明（请参阅页面上的警告“注意：此嵌入代码仅用于演示目的。请勿在生产中使用”）。它旨在作为一种方式来表明播放器可以在 iframe 中工作。这会随着时间的推移而扩展，但目前 iframe 的灵活性仅限于您希望如何设计参数。

一般而言，您采用的方法取决于您要达到的目标（意思是取决于您需要的灵活性水平）。一般来说，目前推荐的做法是直接在你的页面上使用JS和CSS方法。

现在，对于您遇到的问题，很高兴了解您所看到的内容。

1.Mac 上 Safari 的 iframe 问题，您看到了什么？我刚刚在 OS X Yosemite 和 Safari 上尝试了以下操作，它似乎工作正常

<iframe src="//aka.ms/azuremediaplayeriframe?url=%2F%2Famssamples.streaming.mediaservices.windows.net%2F91492735-c523-432b-ba01-faba6c2206a2%2FAzureMediaServicesPromo.ism%2Fmanifest&autoplay=false" name="azuremediaplayer" scrolling="no" frameborder="no" align="center" height="280px" width="500px" allowfullscreen></iframe>

2。您可以查看documentation 中提供的示例吗？这是samples 的列表，特别是您应该查看基本的videotag sample。您需要确保将源添加到视频标签中，以便自动检测工作。如果你还在

如果您仍有问题，请联系 ampinfo@microsoft.com