<!doctype html>
<html>
  <head>
    <meta charset=utf-8>
    <title>Encrypted Media Extensions: setMediaKeys with Clear Key</title>
    <link rel="help" href="https://w3c.github.io/encrypted-media/">

    <!-- Web Platform Test Harness scripts -->
    <script src=/resources/testharness.js></script>
    <script src=/resources/testharnessreport.js></script>

    <!-- Helper scripts for Encrypted Media Extensions tests  -->
    <script src=/encrypted-media/util/utils.js></script>
    <script src=/encrypted-media/util/utf8.js></script>
    <script src=/encrypted-media/util/fetch.js></script>

    <!-- Content metadata -->
    <script src=/encrypted-media/content/content-metadata.js></script>


    <!-- The script for this specific test -->
    <script src=/encrypted-media/scripts/setmediakeys.js></script>

  </head>
  <body>
    <div id='log'></div>

    <div id='video'>
      <video id="videoelement" width="200px"></video>
    </div>

    <script>
        getSupportedContent( 'org.w3.clearkey' ).then( function( contents ) {
            runTest( {  video:              document.getElementById('videoelement'),
                        keysystem:          'org.w3.clearkey',
                        content:            contents[ 0 ]
                     } );
        } );
    </script>
  </body>
</html>
