Wijzigen voor document Speler voor video's

Laatst gewijzigd door Jeeves de Butler op 09-10-2026 10:34

Van versie 10.1
gewijzigd door Jeeves de Butler
op 07-10-2026 09:08
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 8.1
gewijzigd door Jeeves de Butler
op 07-10-2026 10:26
Opmerking bij wijziging: Er is geen opmerking bij deze versie

Samenvatting

Details

Paginaeigenschappen
Inhoud
... ... @@ -17,8 +17,7 @@
17 17   'showcase': "$!o.getValue('vimeo_showcase')",
18 18   'geupload': "$!o.getValue('geupload')",
19 19   'hoofdstukken': "$!o.getValue('hoofdstukken')",
20 - 'gecontroleerd': "$!o.getValue('hoofdstukken_gecontroleerd')",
21 - 'tekst': "$!o.getValue('tekst')"
20 + 'gecontroleerd': "$!o.getValue('hoofdstukken_gecontroleerd')"
22 22   }))
23 23  #end
24 24  #foreach ($c in $collectiontool.sort($clips, 'positie'))
... ... @@ -28,9 +28,7 @@
28 28  {{html clean="false"}}
29 29  <figure class="wb-clip" id="clip-$escapetool.xml($c.nummer)">
30 30  #if ("$!c.bijlage" != '' && $doc.getAttachment($c.bijlage))
31 - ## Subtitles: an attachment <video name>.nl.vtt next to the video, off by default (CC button in the player)
32 - #set ($vtt = $c.bijlage.replaceAll('\.mp4$', '.nl.vtt'))
33 - <video controls preload="metadata" playsinline src="$doc.getAttachmentURL($c.bijlage)"#if ("$!c.poster" != '' && $doc.getAttachment($c.poster)) poster="$doc.getAttachmentURL($c.poster)"#{end}>#if ($vtt != $c.bijlage && $doc.getAttachment($vtt))<track kind="subtitles" srclang="nl" label="Nederlands" src="$doc.getAttachmentURL($vtt)">#{end}</video>
30 + <video controls preload="metadata" playsinline src="$doc.getAttachmentURL($c.bijlage)"#if ("$!c.poster" != '' && $doc.getAttachment($c.poster)) poster="$doc.getAttachmentURL($c.poster)"#{end}></video>
34 34  #else
35 35   <p class="wb-clip-ontbreekt">De video ontbreekt nog op deze pagina.</p>
36 36  #end
... ... @@ -75,24 +75,6 @@
75 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}.
76 76   #if ($items.size() > 0 && "$!c.gecontroleerd" != '1') <span class="wb-clip-let">Hoofdstukken nog niet gecontroleerd.</span>#{end}
77 77   </figcaption>
78 -#if ("$!c.tekst" != '')
79 - ## Transcript (field tekst, one line per sentence as "[mm:ss] text"); the field is searchable in the Kennisbank
80 - <details class="wb-tekst">
81 - <summary>Uitgeschreven tekst</summary>
82 - <p class="wb-tekst-let">Automatisch uitgeschreven uit de gesproken tekst; er kunnen fouten in staan.</p>
83 - <ol>
84 - #foreach ($raw in $c.tekst.split('\r?\n'))
85 - #set ($line = $raw.trim())
86 - #if ($line.matches('^\[\d{1,2}:\d{2}\]\s*.+$'))
87 - #set ($tc = $line.replaceAll('^\[(\d{1,2}:\d{2})\].*$', '$1'))
88 - #set ($parts = $tc.split(':'))
89 - #set ($sec = $mathtool.toInteger($parts[0]) * 60 + $mathtool.toInteger($parts[1]))
90 - <li><button type="button" data-t="$sec">$escapetool.xml($tc)</button> $escapetool.xml($line.replaceAll('^\[\d{1,2}:\d{2}\]\s*', ''))</li>
91 - #end
92 - #end
93 - </ol>
94 - </details>
95 -#end
96 96  </figure>
97 97  {{/html}}
98 98  #end
XWiki.StyleSheetExtension[0]
Code
... ... @@ -51,14 +51,11 @@
51 51  }
52 52  .wb-hoofdstukken .wb-ref {
53 53   display: block;
54 - /* 4.85em of the button text, measured in this smaller font: lines up with the chapter name */
55 - padding: 0 0.75em 0.45em 5.39em;
54 + padding: 0 0.75em 0.45em 4.85em;
56 56   font-size: 0.9em;
57 57  }
58 58  .wb-hoofdstukken .wb-ref::before {
59 - content: "Zie";
60 - display: inline-block;
61 - margin-right: 0.3em;
58 + content: "Zie ";
62 62   color: #666;
63 63  }
64 64  .wb-hoofdstukken button.wb-actief + .wb-ref {