Wiki source code of Videos

Last modified by superadmin on 2023/09/01 15:45
Show last authors
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}}

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: