Skip to Content

Wijzigen voor document Speler voor video's

Laatst gewijzigd door Jeeves de Butler op 09-10-2026 10:34
Van versie 15.1
gewijzigd door Jeeves de Butler
op 09-10-2026 10:34
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 11.1
gewijzigd door Jeeves de Butler
op 07-10-2026 09:08
Opmerking bij wijziging: Er is geen opmerking bij deze versie

Samenvatting

Details

Paginaeigenschappen
Titel
... ... @@ -1,1 +1,1 @@
1 -Speler voor video's
1 +Speler Syntess Atrium leren
Verborgen
... ... @@ -1,1 +1,1 @@
1 -false
1 +true
Inhoud
... ... @@ -1,10 +1,8 @@
1 1  {{velocity}}
2 -## The standard video player of the Kennisbank (despite its name, for every video, not only Syntess Atrium): one
3 -## figure per Wardenburg.Code.AtriumClipClass object of the including page (sorted on positie), with an HTML5 player,
4 -## a clickable chapter list, optional subtitles (<video>.nl.vtt) and a collapsible transcript. The video itself is an
5 -## attachment of the including page, so it is only visible to people who may read that page.
6 -## Used through {{include reference="Wardenburg.Code.AtriumClips"/}}; the Syntess source line only shows for Syntess clips;
7 -## another source goes in the object property bron.
2 +## Shows the Syntess Atrium Zelfstudie clips of the including page: one figure per Wardenburg.Code.AtriumClipClass
3 +## object (sorted on positie), with an HTML5 player and a clickable chapter list. The video itself is an attachment of
4 +## the including page, so it is only visible to people who may read that page. Used through
5 +## {{include reference="Wardenburg.Code.AtriumClips"/}} on the pages under Syntess Atrium leren.
8 8  #set ($discard = $xwiki.ssx.use('Wardenburg.Code.AtriumClips'))
9 9  #set ($discard = $xwiki.jsx.use('Wardenburg.Code.AtriumClips'))
10 10  #set ($clips = [])
... ... @@ -20,8 +20,7 @@
20 20   'geupload': "$!o.getValue('geupload')",
21 21   'hoofdstukken': "$!o.getValue('hoofdstukken')",
22 22   'gecontroleerd': "$!o.getValue('hoofdstukken_gecontroleerd')",
23 - 'tekst': "$!o.getValue('tekst')",
24 - 'bron': "$!o.getValue('bron')"
21 + 'tekst': "$!o.getValue('tekst')"
25 25   }))
26 26  #end
27 27  #foreach ($c in $collectiontool.sort($clips, 'positie'))
... ... @@ -75,7 +75,7 @@
75 75  #end
76 76   <figcaption>
77 77   #if ("$!c.duur" != '')Duur $escapetool.xml($c.duur). #{end}
78 - #if ("$!c.bron" != '')Bron: $escapetool.xml($c.bron).#elseif ("$!c.showcase" != '')Bron: Syntess Atrium Zelfstudie, <a href="https://vimeo.com/showcase/$escapetool.url($c.showcase)" target="_blank" rel="noopener">alle clips van deze paragraaf</a>.#{end}
75 + Bron: Syntess Atrium Zelfstudie#if ("$!c.showcase" != ''), <a href="https://vimeo.com/showcase/$escapetool.url($c.showcase)" target="_blank" rel="noopener">alle clips van deze paragraaf</a>#{end}.
79 79   #if ($items.size() > 0 && "$!c.gecontroleerd" != '1') <span class="wb-clip-let">Hoofdstukken nog niet gecontroleerd.</span>#{end}
80 80   </figcaption>
81 81  #if ("$!c.tekst" != '')
XWiki.StyleSheetExtension[0]
Code
... ... @@ -70,48 +70,6 @@
70 70   color: #666;
71 71   font-size: 0.9em;
72 72  }
73 -.wb-tekst {
74 - margin-top: 0.6em;
75 - border: 1px solid #ddd;
76 -}
77 -.wb-tekst summary {
78 - padding: 0.45em 0.75em;
79 - cursor: pointer;
80 - color: #444;
81 -}
82 -.wb-tekst[open] summary {
83 - border-bottom: 1px solid #eee;
84 -}
85 -.wb-tekst ol {
86 - list-style: none;
87 - margin: 0;
88 - padding: 0.4em 0.75em 0.6em;
89 - max-height: 24em;
90 - overflow-y: auto;
91 -}
92 -.wb-tekst li {
93 - margin: 0.15em 0;
94 -}
95 -.wb-tekst button {
96 - margin-right: 0.5em;
97 - padding: 0;
98 - border: 0;
99 - background: none;
100 - color: #666;
101 - font: inherit;
102 - font-variant-numeric: tabular-nums;
103 - cursor: pointer;
104 -}
105 -.wb-tekst button:hover,
106 -.wb-tekst button:focus-visible {
107 - color: inherit;
108 - text-decoration: underline;
109 -}
110 -.wb-tekst-let {
111 - margin: 0.4em 0.75em 0;
112 - color: #8a5a00;
113 - font-size: 0.9em;
114 -}
115 115  .wb-clip-let {
116 116   color: #8a5a00;
117 117  }