Question

今天花了几个小时试图解决这个问题，希望有人可以启发我。我在Azure Media Services中托管了一个视频，我正在调用Web服务（使用WebApi和Angular）。我遇到的问题是视频实际上并没有播放。这是我正在使用的Angular中的View代码

    <video id="{{video.RowKey }}" class="azuremediaplayer amp-default-skin amp-big-play-centered embed-responsive-item" controls data-setup='{"logo": { "enabled": false }, "techOrder": ["azureHtml5JS", "flashSS", "silverlightSS", "html5"], "nativeControlsForTouch": false}'>
            <source src="{{vm.trustSrc(video.BlobUri)}}" type="application/dash+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>

为了完整起见，这就是vm.trustSrc的作用

 vm.trustSrc = function (src) {
        return $sce.trustAsResourceUrl(src);
    }

呈现的Html看起来像这样

<video id="a273bf71-4b1f-439a-8f98-31d112511d8f" class="azuremediaplayer amp-default-skin amp-big-play-centered embed-responsive-item" controls="" data-setup="{&quot;logo&quot;: { &quot;enabled&quot;: false }, &quot;techOrder&quot;: [&quot;azureHtml5JS&quot;, &quot;flashSS&quot;, &quot;silverlightSS&quot;, &quot;html5&quot;], &quot;nativeControlsForTouch&quot;: false}">
            <source src="https://testams.streaming.mediaservices.windows.net/6236bb64-cda4-4a05-960c-ae957729cf61/testvideo.ism/manifest(format=mpd-time-csf)" type="application/dash+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>

我尝试了几种不同的类型（包括application / vnd.ms-sstr + xml），但没有一种播放视频。我知道这有效，但在我的情况下，我无法让它工作。我查看了我遇到过的每个教程和示例代码，似乎没有什么能让我到达我想要的地方。任何帮助将不胜感激。

Azure媒体服务视频无法播放HTML5播放器

0 个答案: