Je suis invité à ajouter un lecteur vidéo à l'application Web de mon entreprise qui diffuse de la vidéo en continu à partir d'Azure Media Services. En utilisant à la fois le portail Azure et l'API Azure, j'ai pu charger et publier les fichiers vidéo que nous souhaitons présenter.Mes vidéos Azure Media Services ne sont pas lisibles dans Azure Media Player
J'ai trouvé des exemples here et here montrant comment il est simple de configurer Azure Media Player dans votre page HTML.
J'ai ajouté les bits pertinents à notre application Web et le lecteur apparaît, mais rien ne joue. Dans Chrome, le lecteur est vide. Dans IE11, le lecteur affiche "Invalid Source". Dans Edge, le lecteur affiche "Ce type de fichier vidéo n'est pas pris en charge.".
J'ai branché les URL de nos vidéos dans le Azure Media Player Demo et ils ont bien fonctionné.
J'ai créé des fichiers HTML dépouillés avec juste les bases pour le lecteur vidéo en utilisant les échantillons d'Azure et leur propre vidéo promo.
<!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>
et
<!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>
-je obtenir les mêmes résultats avec ceux-ci que je l'ai fait dans notre application web, à savoir blanc ou « Source non valide » ou « Ce type de fichier vidéo n'est pas pris en charge. »
Je suppose qu'il me manque quelque chose de basique, mais quoi?