0

I am using Azure media player in my web app and I am trying to get it to do 3 things:

  1. Show a poster (this works)
  2. Hide the controls at the bottom of the screen when the poster is showing
  3. Add a big play button centered on the poster.

I cant seem to figure out how to do steps 2 and 3. I see a class in the examples called amp-big-play-centered but it doesn't seem to do anything.

Here is what it looks like right now when the page loads. autoplay is off: enter image description here

Here is my code:

 <video poster="marketingSplash.png" src="video.mp4" id="vplayer" class="azuremediaplayer  amp-default-skin  amp-big-play-centered embed-responsive embed-responsive-16by9" controls>

Chris Kooken
  • 32,730
  • 15
  • 85
  • 123

1 Answers1

0

To make the answer visible to others, I'm summarizing the answer shared in comment as below:

The issue was resovled by initializing the player. @Chris, feel free to provide more details if any.

Tom Luo
  • 602
  • 3
  • 10