我的Azure媒體服務視頻無法在Azure媒體播放器中播放

Question

我被要求將視頻播放器添加到公司的Web應用程序中，以播放來自Azure Media Services的流視頻。

通過使用Azure門戶和Azure API，我已經能夠加載和發布我們要呈現的視頻文件。

我在這里和這里發現了示例，這些示例顯示了在HTML頁面中設置Azure Media Player的簡單程度。

我將相關的內容添加到我們的Web應用程序中，並且播放器出現了，但是沒有任何播放。 在Chrome中，播放器為空白。 在IE11中，播放器顯示“無效源”。 在Edge中，播放器顯示“不支持這種類型的視頻文件”。

我將視頻的URL插入了Azure Media Player演示中，並且效果很好。

我使用Azure的示例和他們自己的促銷視頻，僅使用視頻播放器的基礎知識創建了經過精簡的HTML文件。

<!DOCTYPE html>
<html>
    <head>
        <title>Azure Media Player Test</title>
        <link href="//amp.azure.net/libs/amp/1.3.0/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
        <script src= "//amp.azure.net/libs/amp/1.3.0/azuremediaplayer.min.js"></script>
    </head>
    <body>
        This sample came from <a href="https://azure.microsoft.com/en-us/blog/announcing-azure-media-player/">https://azure.microsoft.com/en-us/blog/announcing-azure-media-player/</a>
        <br />
        <br />
        <video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" controls autoplay width="640" height="400" poster="" data-setup='{"nativeControlsForTouch": false}' tabindex="0">
            <source src="http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest" 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>
    </body>
</html>

和

<!DOCTYPE html>
<html>
    <head>
        <title>Azure Media Player Test</title>
        <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>
        This sample came from <a href="http://amp.azure.net/libs/amp/latest/docs/">http://amp.azure.net/libs/amp/latest/docs/</a>
        <br />
        <br />
        <video id="vid1" class="azuremediaplayer amp-default-skin" autoplay controls width="640" height="400" poster="poster.jpg" data-setup='{"nativeControlsForTouch": false}'>
            <source src="http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest" 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>
    </body>
</html>

我得到的結果與在Web應用程序中得到的結果相同，即為空白或“無效來源”或“不支持這種類型的視頻文件”。

我認為我缺少基本的東西，但是呢？

Answer 1

您是使用Web服務器托管您編寫的代碼還是只是在本地運行它？ 如果您在本地運行它，那么在沒有某種形式的Web服務器的情況下，回放無法在Chrome或Edge中進行。 請參閱此答案以獲取更多詳細信息：如果腳本文件保存在本地，則Azure媒體播放器（AMP）在chrome上不起作用

我的Azure媒體服務視頻無法在Azure媒體播放器中播放

問題描述

1 個解決方案

解決方案1
0 2017-05-19 00:24:52

我的Azure媒體服務視頻無法在Azure媒體播放器中播放

問題描述

1 個解決方案

解決方案1 0 2017-05-19 00:24:52

解決方案1
0 2017-05-19 00:24:52