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＆amp; 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方法目前是概念验证（请参阅页面上的警告＆＃34;注意：此嵌入代码仅用于演示目的。请勿在生产中使用＆＃34 ）。它旨在作为一种方式来表明玩家可以在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联系

是否有使用Azure Media Player的标准？

1 个答案: