0
Azure Media Servicesのストリーミングビデオを再生する私の会社のWebアプリケーションにビデオプレーヤーを追加するよう求められています。Azure Media ServicesでAzure Media Servicesのビデオが再生されない
AzureポータルとAzure APIの両方を使用して、私たちが提示したいビデオファイルを読み込んで公開することができました。
サンプルがhereとhereで、Azure Media PlayerをHTMLページに簡単に設定できることがわかりました。
ウェブアプリケーションに関連ビットを追加しましたが、プレイヤーが表示されますが、何も再生されません。 Chromeでは、プレーヤーは空白です。 IE11では、プレイヤーは「無効なソース」を表示します。エッジでは、このタイプのビデオファイルはサポートされていません。
ビデオのURLをAzure Media Player Demoに差し込み、正常に機能しました。
私は、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>
私は当社のウェブアプリで行ったように私は、すなわち空白または「無効なソース」や、これらと同じ結果を得る「ビデオファイルのこのタイプはサポートされていません。」
私は何か基本的なものがないと思いますが、何ですか？