How to Create Play and Pause Buttons on SharePoint 2013


show more Creating Play and Pause buttons provides you with in-depth training on Video. Taught by Steve Heffernan as part of the HTML5: Video and Audio in Depth show less
please wait ...

Creating Play and Pause buttons

The first controls we are going to build are simple play and pause buttons and then we will create a play/pause toggle button like you see here in the final version, where we can toggle between them. All right, so let's go over to our code and the first thing we are going to do is add elements for our play and pause buttons. I am going to put them in the video_ controls div, and so I am going to create a div for our play button with the id of play_button and I am going to put some text in it and I will put Play and end the div.

All right, and let's do another one for our Pause button. An id of pause_button, we'll give it a text of Pause, and end the div. Now let's see. Let's save that and go look at our browser, open up the page and reload it. Okay, so we have both Play and Pause there, but they are kind of smooshed together. So let's now go and style them.

I am going to style them in the same way. So I am going to give them both a class of player-button. I am going t...

Creating Play and Pause buttons
Video duration: 7m 52s 2h 7m Intermediate

Viewers:

Creating Play and Pause buttons provides you with in-depth training on Video. Taught by Steve Heffernan as part of the HTML5: Video and Audio in Depth

Subjects:
Video Web
Software:
HTML
Author:
please wait ...