[Music]
hi it's Danielle with cookie calm and
today I'm going to be walking through
the video player pro meu legit the video
player pro is an extremely robust widget
I provides you with the tools to make
all your video content uniquely yours in
a simply and Nate way it really puts you
in control of how users experience
videos on your website all the way down
to the little details of a play and
pause button the playback indicator and
even the sound icon in this sample
you'll see the smart play at action so
slowly customize how and when videos
play and what it looks like when they do
let's get started so I'm going to begin
by going to my library panel and adding
my player onto the page the player comes
with eight different parts that are all
customizable put super simple you have
the main part of the widget the
indicator and its progress bar the play
and pause sound on and off the full
screen and the time and duration
indicators let's start with the main
part of the widget and give it a name
I'm going to give it something simple
without using any spaces or special
characters it's also going to be unique
to this player it's super important
let's add our video file I'll only be
using an mp4 however adding the
different file types ensure your video
can be played on a variety of different
browsers so check out the help box for
further instructions on converting video
file type I also have different
properties in here I can choose autoplay
smart play and lazy load are unique to
video player pro with smart boy you can
decide when you want your videos to play
based on its position on the screen but
note that when Smart Play is selected
you can't have autoplay
we do select that lazy load is another
neat feature that won't load your video
until it enters the page from the bottom
it also gives you a loading animation if
the videos a bit on the heavier side the
loading animations will only happen on
videos which wave your load selected and
that animation is here can choose a size
in its color you can see the Rings here
this player is also completely
responsive so if I wanted a full screen
video all I'd have to do is press ENTER
for brother kite one hundred percent and
then i'll have it without even having to
use another widget super need I'm going
to keep my net no responsive height with
no filter move on to my progress bar and
it's indicator these are also completely
customizable using the fill in the
stroke panel the most important part is
naming so let's change the player named
it has to appear exactly the same for
all its parts now I can change it in the
Phil stroke I'd like to use an image I
can go to fill image imma stick with the
color I can go to my play on my paws and
mice and on and off open up the option
panel these are very similar I just have
to change the name give the same name as
a player and change these icons
now that I have that I can give them a
fill color and customize these move down
to my full screen time and duration
these all use graphic styles I'd like to
change these super simple or if I have
multiple players on the page I have to
make sure the player named corresponds
with the graphic style so the naming is
capital q capital Q dash whatever that
part of the player is this is the full
screen button dash and the player name
as it appears it is case sensitive so
steer clear of that
[Music]
style to use how I'd like I'm going to
give them some fill colors like the rest
of my button I'd like to style the time
in the duration I just have to remember
to see you're clear of the spacing panel
as preview you can see it starts up on
autoplay you can see the indicator
scrubbing through the progress bars play
pause down on and off working great now
the full screen looks good so that's the
video player pro edge it if you have any
other questions please refer to the help
docs I'm Danielle with cookie calm and
thanks for tuning in