v3.html

  
 <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>Mirador - Prezi v3</title>
  </head>
  <body>
    <div id="mirador" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;"></div>
    <script>document.write("<script type='text/javascript' src='../../../dist/mirador.min.js?v=" + Date.now() + "'><\/script>");</script>
    <script type="text/javascript">
     var miradorInstance = Mirador.viewer({
       id: 'mirador',
       windows: [{
         manifestId: 'https://iiif.bodleian.ox.ac.uk/iiif/manifest/e32a277e-91e2-4a6d-8ba6-cc4bad230410.json',
       }],
       requests: {
         preprocessors: [
           (url, options) => ({  ...options, headers: {
             Accept: 'application/ld+json;profile="http://iiif.io/api/presentation/3/context.json"',
           }}) 
         ]
       },
       window: {
         hideSearchPanel: false,
       }
     });
    </script>
  </body>
</html>