try pdfjs

.Rproj.user/shared/notebooks/paths

@@ -1 +1,2 @@
+/Users/jmgirard/embedpdf/_quarto.yml="0132EDC0"
 /Users/jmgirard/embedpdf/example.qmd="489DF0D7"

_extensions/embedpdf/embedpdf.lua

@@ -49,11 +49,11 @@ end
 
 function pdfobject(args)
   local data = pandoc.utils.stringify(args[1])
+  local id = pandoc.utils.stringify(args[2])
 
   --detect html
   if quarto.doc.isFormat("html:js") then
-
-    return pandoc.RawInline('html', '<div id="results"></div><script src="https://unpkg.com/[email protected]/pdfobject.min.js"></script><script>let myPDF = PDFObject.embed("dummy.pdf", "#pdf", {forcePDFJS: true, PDFJS_URL: "/pdfjs/web/viewer.html"});</script>')
+    return pandoc.RawInline('html', '<div id="' .. id .. '"></div><script src="https://unpkg.com/[email protected]/pdfobject.min.js"></script><script>let myPDF = PDFObject.embed("../../' .. data .. '", "#' .. id .. '", {forcePDFJS: true, PDFJS_URL: "/pdfjs/web/viewer.html"});</script>')
   else
   end
 end

docs/example.html

@@ -132,7 +132,7 @@ <h2 class="anchored" data-anchor-id="you-can-also-use-embedpdf-as-an-alias">You
 <section id="use-pdfobject-for-a-mobile-friendly-approach" class="level2">
 <h2 class="anchored" data-anchor-id="use-pdfobject-for-a-mobile-friendly-approach">Use pdfobject for a mobile-friendly approach</h2>
 <style>
-  .pdfobject-container {
+  #mypdf {
     max-width: 100%;
     width: 600px;
     height: 600px;
@@ -141,15 +141,15 @@ <h2 class="anchored" data-anchor-id="use-pdfobject-for-a-mobile-friendly-approac
   }
 </style>
 <pre><code>&lt;style&gt;
-.pdfobject-container {
+#mypdf {
   max-width: 100%;
   width: 600px;
   height: 600px;
   border: 10px solid rgba(0,0,200,.2);
   margin: 0;
 }
 &lt;/style&gt;</code></pre>
-<p><code>{{&lt; pdfjs dummy.pdf &gt;}}</code></p>
+<p><code>{{&lt; pdfjs dummy.pdf mypdf &gt;}}</code></p>
 <p></p><div><iframe id="pdf-js-viewer" src="/pdfjs/web/viewer.html?file=dummy.pdf" title="webviewer"></iframe></div><p></p>
 </section>
 

example.qmd

@@ -93,7 +93,7 @@ title: "embedpdf Example"
 ## Use pdfobject for a mobile-friendly approach
 
 <style>
-  .pdfobject-container {
+  #mypdf {
     max-width: 100%;
     width: 600px;
     height: 600px;
@@ -104,7 +104,7 @@ title: "embedpdf Example"
 
 ```
 <style>
-.pdfobject-container {
+#mypdf {
   max-width: 100%;
   width: 600px;
   height: 600px;
@@ -114,7 +114,7 @@ title: "embedpdf Example"
 </style>
 ```
 
-`{{{< pdfjs dummy.pdf >}}}`
+`{{{< pdfjs dummy.pdf mypdf >}}}`
 
-{{< pdfjs dummy.pdf  >}}
+{{< pdfjs dummy.pdf mypdf >}}