1
00:00:00,000 --> 00:00:01,910
It says premise, I
want to show you

2
00:00:01,905 --> 00:00:05,645
an alternative homepage banner
isn't exactly a banner,

3
00:00:05,640 --> 00:00:07,680
It's more of a video.

4
00:00:07,680 --> 00:00:10,230
So you're gonna have
a video background

5
00:00:10,230 --> 00:00:13,760
as opposed to the traditional
background image.

6
00:00:13,755 --> 00:00:15,305
So it's quite simple.

7
00:00:15,300 --> 00:00:18,390
This is the video I would like
to add to the background.

8
00:00:18,390 --> 00:00:20,610
It's a made for myself,

9
00:00:20,610 --> 00:00:22,500
basically compulsion of self,

10
00:00:22,500 --> 00:00:24,210
my travels around the wall.

11
00:00:24,210 --> 00:00:25,920
So I'm gonna go ahead and simply

12
00:00:25,920 --> 00:00:28,500
grab this link right here.

13
00:00:28,495 --> 00:00:30,425
And we're going to
edit this section.

14
00:00:30,425 --> 00:00:31,855
Now because of the
negative margins,

15
00:00:31,850 --> 00:00:33,500
you may not be able to see

16
00:00:33,500 --> 00:00:36,130
the edit section button up here.

17
00:00:36,125 --> 00:00:38,875
Or what you want to do is to
simply use the navigator.

18
00:00:38,870 --> 00:00:39,920
Okay, so come down here,

19
00:00:39,920 --> 00:00:42,340
click on navigate TO
click on section,

20
00:00:42,335 --> 00:00:44,035
and now you can
edit the section.

21
00:00:44,030 --> 00:00:45,440
So again, the navigates

22
00:00:45,440 --> 00:00:48,290
all our button being
very, very useful.

23
00:00:48,290 --> 00:00:53,830
We're going to go now to
the layout style rather.

24
00:00:53,825 --> 00:00:55,615
And then right here
you have background.

25
00:00:55,610 --> 00:00:57,760
We're gonna go with the video.

26
00:00:57,755 --> 00:01:00,155
You click on video
and are in here.

27
00:01:00,155 --> 00:01:03,235
I'm going to paste the
link to the YouTube video.

28
00:01:03,230 --> 00:01:07,270
But you can also paste the
link to from Vimeo as well.

29
00:01:07,265 --> 00:01:10,565
And then you can choose the
start time, the end time.

30
00:01:10,560 --> 00:01:12,610
You can choose to play once or

31
00:01:12,610 --> 00:01:14,940
mobile enabled to privacy mode.

32
00:01:14,935 --> 00:01:16,575
If you're gonna go with

33
00:01:16,570 --> 00:01:19,150
the background video,
I would highly,

34
00:01:19,150 --> 00:01:23,260
highly recommend that you
choose a background fall back.

35
00:01:23,260 --> 00:01:24,940
So for the background fall back,

36
00:01:24,940 --> 00:01:27,900
I'm simply going to
use the same image.

37
00:01:27,895 --> 00:01:29,745
The reason is because
it's a video,

38
00:01:29,740 --> 00:01:32,980
sometimes it may not play and
because it's from YouTube,

39
00:01:32,979 --> 00:01:37,059
maybe YouTube as an issue or
for one reason or the other,

40
00:01:37,060 --> 00:01:38,590
the video doesn't play.

41
00:01:38,590 --> 00:01:43,540
Elemental would use the
background as a fallback options.

42
00:01:43,540 --> 00:01:45,850
I'm gonna go ahead
now and update.

43
00:01:45,849 --> 00:01:50,349
Let's take a look at our page.

44
00:01:50,350 --> 00:01:53,290
Coming in here,
refresh the page.

45
00:01:53,289 --> 00:01:54,969
And there you go.

46
00:01:54,970 --> 00:01:57,700
So now you can see we have
the background video.

47
00:01:57,700 --> 00:01:59,200
Now play an end.

48
00:01:59,200 --> 00:02:02,020
Of course, I'm not
going to deny that

49
00:02:02,020 --> 00:02:05,080
the videos aren't more
powerful than an image.

50
00:02:05,080 --> 00:02:07,060
Obviously, videos are a
lot more interesting.

51
00:02:07,060 --> 00:02:09,610
But please note that videos

52
00:02:09,610 --> 00:02:12,880
do have sets in drawback
certain disadvantages,

53
00:02:12,880 --> 00:02:15,210
okay, it may slow
down your website.

54
00:02:15,205 --> 00:02:16,695
So if you're gonna use a video,

55
00:02:16,690 --> 00:02:20,470
please try to make sure that
the video isn't that long,

56
00:02:20,470 --> 00:02:22,640
maximum maybe ten seconds,

57
00:02:22,644 --> 00:02:24,014
because the longer the video is,

58
00:02:24,010 --> 00:02:25,090
the longitude takes load

59
00:02:25,090 --> 00:02:26,200
and that will slow
down your website.

60
00:02:26,200 --> 00:02:29,050
So please make the videos
very, very, very short.

61
00:02:29,050 --> 00:02:30,160
Make sure you add

62
00:02:30,160 --> 00:02:32,320
a background image as
a fall back shrewd

63
00:02:32,320 --> 00:02:35,810
in case the video doesn't load.

64
00:02:35,805 --> 00:02:39,265
But that's the alternative
for your homepage.

65
00:02:39,260 --> 00:02:40,760
But I thank you for
watching and of course I

66
00:02:40,760 --> 00:02:43,500
will see you in the next class.