test/placeholderplayer.html
author ymh <ymh.work@gmail.com>
Tue, 22 Oct 2024 07:03:54 +0200
changeset 1076 510fd2a482f4
parent 1072 ac1eacb3aa33
permissions -rw-r--r--
Add Dailymotion Tech and remove unused libs

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>Metadataplayer test with Placeholder Player</title>
    <!--        <link href='open-sans/css/fonts.css' rel='stylesheet' type='text/css'>
-->
    <link href="test.css" rel="stylesheet" type="text/css" />
    <script
      type="text/javascript"
      src="metadataplayer/LdtPlayer-core.js"
      type="text/javascript"
    ></script>
  </head>

  <body>
    <h1>Metadataplayer test with Placeholder Player</h1>
    <div id="LdtPlayer"></div>
    <div id="AnnotationsListContainer"></div>
    <div id="SlideShareContainer"></div>
    <script type="text/javascript">
      IriSP.language = "fr";
      IriSP.widgetsDir = "metadataplayer";
      var _metadata = {
        url: "json/ldt-jwplayer.json",
        format: "ldt",
      };
      var _config = {
        width: 550,
        container: "LdtPlayer",
        default_options: {
          metadata: _metadata,
        },
        css: "metadataplayer/LdtPlayer-core.css",
        widgets: [
          {
            type: "PlaceholderPlayer",
          },
          { type: "Slider" },
          { type: "Controller" },
          {
            type: "Polemic",
            max_elements: 20,
          },
          { type: "Sparkline" },
          { type: "MultiSegments" },
          { type: "Tweet" },
          {
            type: "Tagcloud",
          },
          {
            type: "AnnotationsList",
            container: "AnnotationsListContainer",
            default_thumbnail:
              "http://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png",
          },
          { type: "Mediafragment" },
        ],
      };

      var _myPlayer = new IriSP.Metadataplayer(_config);
    </script>
  </body>
</html>