diff options
| author | Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org> | 2022-02-09 12:57:37 +0200 |
|---|---|---|
| committer | Olivier Hallot <olivier.hallot@libreoffice.org> | 2022-02-09 16:24:41 +0100 |
| commit | 751aa416e5aa4fdb6faf5be273aa8d999e1630e4 (patch) | |
| tree | 9de656ce180488ac9c7b51638bb545abcc8d75f9 /help3xsl | |
| parent | Fix image URL in page (diff) | |
| download | help-751aa416e5aa4fdb6faf5be273aa8d999e1630e4.tar.gz help-751aa416e5aa4fdb6faf5be273aa8d999e1630e4.zip | |
Add YouTube consent click
Change-Id: I60d64e1becbc7ea33301d4a8073f0b550998b87d
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/129716
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Diffstat (limited to 'help3xsl')
| -rw-r--r-- | help3xsl/help.js | 11 | ||||
| -rw-r--r-- | help3xsl/online_transform.xsl | 9 |
2 files changed, 17 insertions, 3 deletions
diff --git a/help3xsl/help.js b/help3xsl/help.js index 0a7563e3f8..dcf0dd365f 100644 --- a/help3xsl/help.js +++ b/help3xsl/help.js @@ -246,4 +246,15 @@ document.addEventListener('click', function(event) { }); } }); +// YouTube consent click. This only works for a single video. +let youtubePlaceholder = document.querySelector(".youtube_placeholder"); +if (youtubePlaceholder) { + youtubePlaceholder.prepend(...document.querySelectorAll(".youtube_consent")); +} +function youtubeLoader(ytId, width, height) { + let iframeMarkup = `<iframe width="${width}" height="${height}" src="https://www.youtube-nocookie.com/embed/${ytId}?version=3" allowfullscreen="true" frameborder="0"></iframe>`; + let placeholder = document.getElementById(ytId); + placeholder.innerHTML = iframeMarkup; + placeholder.removeAttribute("style"); +} /* vim:set shiftwidth=4 softtabstop=4 expandtab cinoptions=b1,g0,N-s cinkeys+=0=break: */ diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl index a6ce8255bf..ac6337d7ec 100644 --- a/help3xsl/online_transform.xsl +++ b/help3xsl/online_transform.xsl @@ -108,6 +108,7 @@ <xsl:variable name ="ui_selectlang"><xsl:apply-templates select="$tmp_doc_ui//variable[@id='selectlanguage']"/></xsl:variable> <xsl:variable name ="ui_search"><xsl:apply-templates select="$tmp_doc_ui//variable[@id='searchhelpcontents']"/></xsl:variable> <xsl:variable name ="ui_copyclip"><xsl:apply-templates select="$tmp_doc_ui//variable[@id='copyclip']"/></xsl:variable> +<xsl:variable name ="ytvideobutton"><xsl:apply-templates select="$tmp_doc_ui//variable[@id='ytbutton']"/></xsl:variable> <!-- ############# # Templates # @@ -1264,9 +1265,11 @@ <xsl:variable name="auxID" select="concat('obj',generate-id())"/> <xsl:choose> <xsl:when test="starts-with(@type,'video/youtube')"> - <div id="mediadiv"> - <iframe id="{@id}" src="{@data}" width="{$width}" height="{$height}" frameborder="0" allowfullscreen="true"></iframe> - </div> + <div id="{@id}" class="youtube_placeholder" style="border: 1px solid #eee; width:500px; padding: 10px;"> + <button style="background-color: red;" onClick="youtubeLoader('{@id}', 700, 394)" > + <xsl:value-of select="$ytvideobutton"/> + </button> + </div> </xsl:when> <xsl:when test="not(starts-with(@type,'video/youtube')) and starts-with(@type,'video')"> <div id="mediadiv"> |