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
op 07-10-2026 09:08
Opmerking bij wijziging:
Er is geen opmerking bij deze versie
Naar versie 7.1
gewijzigd door Jeeves de Butler
op 07-10-2026 10:26
op 07-10-2026 10:26
Opmerking bij wijziging:
Er is geen opmerking bij deze versie
Samenvatting
-
Paginaeigenschappen (1 gewijzigd, 0 toegevoegd, 0 verwijderd)
-
Objecten (1 gewijzigd, 0 toegevoegd, 0 verwijderd)
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
-
... ... @@ -49,22 +49,6 @@ 49 49 color: #666; 50 50 font-variant-numeric: tabular-nums; 51 51 } 52 -.wb-hoofdstukken .wb-ref { 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; 56 - font-size: 0.9em; 57 -} 58 -.wb-hoofdstukken .wb-ref::before { 59 - content: "Zie"; 60 - display: inline-block; 61 - margin-right: 0.3em; 62 - color: #666; 63 -} 64 -.wb-hoofdstukken button.wb-actief + .wb-ref { 65 - background: #FFF0DA; 66 - box-shadow: inset 4px 0 0 #FFB447; 67 -} 68 68 .wb-clip figcaption { 69 69 margin-top: 0.4em; 70 70 color: #666;