I've encountered a strange issue after updating my azure media player to version 1.5.0 - it's not displaying the poster image like it did in version 1.3.0.
Below is the code I'm currently using:
<div class="marginBlock" id="mediaPlayer">
<h3>
<asp:Label ID="lblTitle" runat="server"><%=Title.ToString()%></asp:Label>
</h3>
<video id="<%=mediaPlayerID %>" class="azuremediaplayer amp-default-skin amp-big-play-centered">
</video>
<p>
<asp:Label ID="lblDescription" runat="server"><%=Description.ToString()%></asp:Label>
</p>
<script>
$(document).ready(function () {
var playOptions = {
"nativeControlsForTouch": false,
autoplay: false,
controls: true,
heuristicProfile: "High Quality",
techOrder: ["azureHtml5JS", "html5", "flashSS", "silverlightSS"],
logo: { enabled: false },
poster: "<%=ImageSelector%>",
width: '100%'
};
var azurePlayer = amp('<%=mediaPlayerID%>', playOptions);
azurePlayer.src([{
src: "<%=VideoURL%>",
type: 'application/vnd.ms-sstr+xml'
}]);
</script>
The values for mediaplayerID, VideoURL, Title, Description, and ImageSelector are dynamically generated from the backend and this code worked perfectly with version 1.3.0 of azure.