WEBVTT 00:00:00.000 --> 00:00:02.300 align:middle line:90% [MUSIC PLAYING] 00:00:02.300 --> 00:00:05.520 align:middle line:90% 00:00:05.520 --> 00:00:07.650 align:middle line:84% In this video, I want to introduce you 00:00:07.650 --> 00:00:09.480 align:middle line:84% to the new Immersion template that's 00:00:09.480 --> 00:00:12.760 align:middle line:84% available inside a Brightcove Gallery. 00:00:12.760 --> 00:00:14.530 align:middle line:84% This is a sample site that was built 00:00:14.530 --> 00:00:17.020 align:middle line:90% using the Immersion template. 00:00:17.020 --> 00:00:20.410 align:middle line:84% The top of the page is configured with a company logo 00:00:20.410 --> 00:00:22.300 align:middle line:90% and menu bar. 00:00:22.300 --> 00:00:25.840 align:middle line:84% Menu items can be configured to redirect to video collections 00:00:25.840 --> 00:00:29.620 align:middle line:90% or to redirect to external URLs. 00:00:29.620 --> 00:00:34.770 align:middle line:84% Logo and menus can also be added to the bottom of the page. 00:00:34.770 --> 00:00:37.380 align:middle line:84% The home page features a series of hero videos 00:00:37.380 --> 00:00:40.440 align:middle line:84% which consume the entire width of the page. 00:00:40.440 --> 00:00:42.030 align:middle line:84% These are typically used to feature 00:00:42.030 --> 00:00:44.520 align:middle line:90% new or important content. 00:00:44.520 --> 00:00:46.920 align:middle line:84% The viewer can use these arrows on the left and right 00:00:46.920 --> 00:00:50.430 align:middle line:90% to scroll through the videos. 00:00:50.430 --> 00:00:52.320 align:middle line:84% The Play and More Info buttons will take you 00:00:52.320 --> 00:00:53.865 align:middle line:90% to the video details page. 00:00:53.865 --> 00:00:56.550 align:middle line:90% 00:00:56.550 --> 00:00:59.250 align:middle line:84% All other video collections will appear as carousels 00:00:59.250 --> 00:01:01.530 align:middle line:90% below the hero section. 00:01:01.530 --> 00:01:03.990 align:middle line:84% Viewers can click the arrows to scroll through the videos 00:01:03.990 --> 00:01:06.120 align:middle line:90% in the collection. 00:01:06.120 --> 00:01:07.980 align:middle line:84% Hovering over a video will display 00:01:07.980 --> 00:01:11.160 align:middle line:84% the expanded video thumbnail, video description, 00:01:11.160 --> 00:01:12.225 align:middle line:90% and related link. 00:01:12.225 --> 00:01:14.980 align:middle line:90% 00:01:14.980 --> 00:01:17.380 align:middle line:84% The Immersion template introduces a new feature 00:01:17.380 --> 00:01:20.050 align:middle line:84% on video detail pages, the ability 00:01:20.050 --> 00:01:22.600 align:middle line:90% to configure related content. 00:01:22.600 --> 00:01:25.990 align:middle line:84% If I go to a video detail page, notice there 00:01:25.990 --> 00:01:28.820 align:middle line:90% is a Suggested Videos section. 00:01:28.820 --> 00:01:30.670 align:middle line:84% This can be configured to display videos 00:01:30.670 --> 00:01:33.820 align:middle line:84% from the current or parent collection. 00:01:33.820 --> 00:01:36.340 align:middle line:84% The video detail page can also be configured 00:01:36.340 --> 00:01:38.710 align:middle line:84% with Disqus integration to allow viewers 00:01:38.710 --> 00:01:42.160 align:middle line:90% to post comments and emojis. 00:01:42.160 --> 00:01:44.360 align:middle line:84% To get started with the Immersion template, 00:01:44.360 --> 00:01:49.450 align:middle line:84% create a new experience, click the Portal tab, 00:01:49.450 --> 00:01:53.270 align:middle line:84% and then choose the Immersion template. 00:01:53.270 --> 00:01:56.120 align:middle line:84% For additional information on the Immersion template, 00:01:56.120 --> 00:01:57.860 align:middle line:90% check the gallery documentation. 00:01:57.860 --> 00:02:02.060 align:middle line:90% 00:02:02.060 --> 00:02:05.500 align:middle line:90% [AUDIO LOGO] 00:02:05.500 --> 00:02:06.000 align:middle line:90%