reveal.js
reveal.js copied to clipboard
Missing <video> Tag in Output HTML When Generated with Pandoc
Hello,
I have encountered an issue while using Pandoc to convert an input HTML file into Reveal.js slides. The input HTML contains both a <video>
tag and an <img>
tag, but when I use Pandoc to generate the Reveal.js presentation, the <video>
tag seems to be missing from the output.
Here is a simplified version of my input HTML:
<p>
<video style="max-width: 320px; position: relative; left: 0px; top: 0px;" data-autoplay src="https://ico-cert.sirv.com/SampleSet/DEV/public/video/SampleSet.slide.video.ico-isms-27001-2022-foundation.start-EN.mp4" type="video/webm"></video>
<img style="position: relative; left: 350px; top: 30px;" src="https://ico-cert.sirv.com/SampleSet/DEV/public/_templates/ico-slide.png?text=ICO%0AISMS+27001%3A2022%0AFoundation&text.color=black&text.position.gravity=east&text.position.x=-10&text.position.y=110&text.align=right&text.size=50&text.font.family=Poppins&text.font.style=normal&text.font.weight=800">
</p>
To create the slides, I use the following Pandoc command:
/usr/bin/pandoc -t revealjs -s test.input.html -o test.out.html --metadata title="test"
However, in the generated output HTML, the <video>
tag is missing, and only the <img>
tag remains:
<section id="title-slide">
<h1 class="title">test</h1>
</section>
<section class="slide level6">
<p><img
data-src="https://ico-cert.sirv.com/SampleSet/DEV/public/_templates/ico-slide.png?text=ICO%0AISMS+27001%3A2022%0AFoundation&text.color=black&text.position.gravity=east&text.position.x=-10&text.position.y=110&text.align=right&text.size=50&text.font.family=Poppins&text.font.style=normal&text.font.weight=800"
style="position: relative; left: 350px; top: 30px;" /></p>
</section>
I would like to understand why the <video>
tag is not included in the output and what steps I can take to ensure that it is properly processed and included in the Reveal.js presentation.
Thank you for your assistance.
Best regards, Rob