0:00
don't know
0:06
[Music]
0:10
hey everybody Joe here and I'm really
0:12
excited to introduce you to the amazing
0:14
new play video stack it's even more
0:17
badass than this shirt so let's look at
0:20
what sets play apart from the rest of
0:23
the video Stacks that are out there so
0:25
one of the big things that sets play
0:27
apart is really apparent it's the
0:29
awesome and amazing hover animations for
0:32
the thumbnails
0:33
in this particular example we see that
0:35
the thumbnail is actually rotating and
0:37
scaling in we have some different
0:39
styling going on with the play button
0:41
and if we look at further down here we
0:44
even have some great amazing animations
0:46
where this button goes ahead and zooms
0:48
and scales the entire width
0:50
and not only that if we look a little
0:52
bit deeper we'll see that the thumbnail
0:54
for this video is actually another video
0:57
that's looping this gives a great way
1:00
for users to get a sneak peek of what is
1:02
actually going to be seen inside the
1:04
video once they click now we have two
1:07
options for actually playing the video
1:09
in this demo when we click we'll see
1:11
that the actual video plays in line on
1:14
the web page
1:16
now in this example we'll see that when
1:18
I click the video will actually open up
1:19
inside of a light box
1:22
now configuring play is super easy Once
1:25
you add it to the page you'll notice
1:27
that you have multiple ways to embed
1:28
video you can either easily bring in
1:30
videos from YouTube Vimeo or HTML5 which
1:34
will allow you to bring in a video file
1:36
from your own server
1:38
then you configure the URLs for that
1:40
then we also have a lot of different
1:41
options for thumbnails by default the
1:44
video will actually bring in the
1:46
thumbnail from the service so either the
1:48
poster image from HTML5 or from YouTube
1:50
or from Vimeo but you can also Define
1:52
your own images either by drag and drop
1:55
or Warehouse bringing them from Total
1:57
CMS or as we saw earlier we can actually
2:00
embed a video as our thumbnail as well
2:02
it's super easy to configure whether or
2:04
not you want your player to be a inline
2:06
player or actually open it up in a light
2:09
box but then show some Styles and
2:11
animation options for that particular
2:13
light box
2:15
now for any power users or Foundation
2:17
users we can actually go ahead and add
2:18
some custom classes and use our own
2:20
swatches to style these thumbnails even
2:23
further next is we have options for play
2:26
button do we want it to be a circle or a
2:29
rectangle then we have a bunch of style
2:31
options here we can actually customize
2:33
the SVG that's within that button as
2:36
well with our own custom SVG
2:39
and then we can customize the width and
2:41
the borders and the radius and all kinds
2:43
of stuff super easily directly right in
2:45
the settings
2:45
and just as with the thumbnail we can
2:47
customize this button even farther with
2:50
swatches in our own CSS using custom
2:52
classes
2:54
and lastly we have the ability to
2:56
animate so either what we want to
2:57
animate the button or just the thumbnail
2:59
or animate both the button and the
3:02
thumbnail on Hover and then we have
3:03
various options for that
3:06
if you have some of the other amazing
3:07
Stacks from Weaver space you can easily
3:09
integrate with total CMS rain check and
3:11
cookie jar so that we can make sure that
3:13
we get faster page performance make sure
3:16
that users get cookie control so that
3:18
you know YouTube embeds might not be
3:20
enabled by default and you want to make
3:22
sure that users actually accept that
3:24
with cookie jar so as you can see play
3:27
has some really unique features not
3:28
seeing anywhere else on the web it is
3:31
super easy to configure it's fast in
3:34
performance and it really looks
3:36
spectacular it truly is a badass video
3:39
player so I hope you enjoy play we will
3:41
see you soon go out there and make your
3:43
websites great bye
3:49
foreign
3:51
[Music]