Transcript

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