# Wiki source code of Videos

Last modified by Jean Franco on 2022/06/19 21:15
Export
Office Formats
Export as PDF Export as ODT Export as RTF
Other Formats

Select the pages to export:

select all/ none

Legend:
  Created Page
  Modified Extension Page
  Clean Extension Page

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

When editing in WYSIWYG, type [ and then start typing letters to get suggestions for creating a link.

Maila Networks
XWiki Debian 14.4.1