# Wiki source code of Videos

Last modified by Alexandru Colesnicov on 2019/07/24 16:43
Export
Office Formats
Export as PDF
Other Formats

Select the pages to export:

select all / none

Export as HTML

Show last authors

author | version | line-number | content
--- | --- | --- | ---
1 | {{velocity output="false"}}
2 | #set ($docextras = [])
3 |
4 | #set ($videoCards = [{
5 | 'title': $services.localization.render('help.videos.videoCard1.title'),
6 | 'topics': [
7 | $services.localization.render('help.videos.videoCard1.topic1'),
8 | $services.localization.render('help.videos.videoCard1.topic2')
9 | ],
10 | 'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
11 | 'duration': '4 min'
12 | }, {
13 | 'title': $services.localization.render('help.videos.videoCard2.title'),
14 | 'topics': [
15 | $services.localization.render('help.videos.videoCard2.topic1'),
16 | $services.localization.render('help.videos.videoCard2.topic2'),
17 | $services.localization.render('help.videos.videoCard2.topic3')
18 | ],
19 | 'url': 'https://www.youtube.com/embed/zX1Itoh3E68',
20 | 'duration': '5 min'
21 | }, {
22 | 'title': $services.localization.render('help.videos.videoCard3.title'),
23 | 'topics': [
24 | $services.localization.render('help.videos.videoCard3.topic1'),
25 | $services.localization.render('help.videos.videoCard3.topic2'),
26 | $services.localization.render('help.videos.videoCard3.topic3')
27 | ],
28 | 'url': 'https://www.youtube.com/embed/onenEu21FIk',
29 | 'duration': '6 min'
30 | }, {
31 | 'title': $services.localization.render('help.videos.videoCard4.title'),
32 | 'topics': [
33 | $services.localization.render('help.videos.videoCard4.topic1'),
34 | $services.localization.render('help.videos.videoCard4.topic2')
35 | ],
36 | 'url': 'https://www.youtube.com/embed/csQVSRMVclM',
37 | 'duration': '4 min'
38 | }, {
39 | 'title': $services.localization.render('help.videos.videoCard5.title'),
40 | 'topics': [
41 | $services.localization.render('help.videos.videoCard5.topic1'),
42 | $services.localization.render('help.videos.videoCard5.topic2')
43 | ],
44 | 'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
45 | 'duration': '7 min'
46 | }, {
47 | 'title': $services.localization.render('help.videos.videoCard6.title'),
48 | 'topics': [
49 | $services.localization.render('help.videos.videoCard6.topic1'),
50 | $services.localization.render('help.videos.videoCard6.topic2')
51 | ],
52 | 'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
53 | 'duration': '3 min'
54 | }])
55 |
56 | #macro (helpVideoCard $data)
57 | <div class="videoCard">
58 | <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
59 | <div class="videoCard-body">
60 | <div class="videoCard-title">
61 | $escapetool.xml($data.title)
62 | </div>
63 | <ul>
64 | #foreach ($topic in $data.topics)
65 | <li>$topic</li>
66 | #end
67 | </ul>
68 | </div>
69 | <div class="videoCard-footer">
70 | $services.icon.renderHTML('play')
71 | <a href="$data.url">$services.localization.render('help.videos.watch')</a>
72 | <span class="videoCard-duration">
73 | $escapetool.xml($data.duration)
74 | </span>
75 | </div>
76 | </div>
77 | #end
78 | {{/velocity}}
79 |
80 | {{velocity}}
81 | {{html clean="false"}}
82 | #set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
83 | <div class="row">
84 | #foreach ($card in $videoCards)
85 | ## See http://getbootstrap.com/css/#grid-responsive-resets .
86 | #if ($foreach.index > 0 && $foreach.index % 2 == 0)
87 | <div class="clearfix visible-sm-block "></div>
88 | #end
89 | #if ($foreach.index > 0 && $foreach.index % 3 == 0)
90 | <div class="clearfix visible-md-block visible-lg-block"></div>
91 | #end
92 | <div class="col-xs-12 col-sm-6 col-md-4">
93 | #helpVideoCard($card)
94 | </div>
95 | #end
96 | </div>
97 | {{/html}}
98 |
99 | [[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
100 | {{/velocity}}

# Applications

# Tips

You can click on the arrows next to the breadcrumb elements to quickly navigate to sibling and children pages.

# Need help?

If you need help with XWiki you can contact:

- Community Support
- Professional Support

XWiki Debian 11.5