<commit_before><!DOCTYPE html>
<html lang: en>
<head>
  <meta charset: UTF-8>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>API example</title>
  <link href="../css/style.css" rel="stylesheet">
  <script src="../../src/player.js"></script>
</head>
<body style="max-width: 70%; margin: 0 auto; text-align: center;">

  <h1>Using the API</h1>

  <div class="tester-div"></div>

  <script>
    var myVideo = new Player({
      videoId: 'JXqTxFkZhao',
      placement: '.tester-div'
    });
  </script>

  <p>All you need is the ID of the video you want to display and where you want to place it.</p>

  <pre>
    <code class="javascript">
      var myVideo = new Player({
        videoId: 'YrblkMd-KMs',
        placement: '.tester-div'
      });
    </code>
  </pre>

  <script type="text/javascript" src="../highlight.pack.js"></script>
  <script>if( window.console ) { hljs.initHighlightingOnLoad(); }</script>
<commit_msg>Wrapped video in container, added body class and changed video ID of example<commit_after><!DOCTYPE html>
<html lang: en>
<head>
  <meta charset: UTF-8>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>API example</title>
  <link href="../css/style.css" rel="stylesheet">
  <script src="../../src/player.js"></script>
</head>
<body class="api">

  <div class="container">
    <h1>Using the API</h1>

    <div class="tester-div"></div>

    <script>
      var myVideo = new Player({
        videoId: 'JXqTxFkZhao',
        placement: '.tester-div'
      });
    </script>

    <p>All you need is the ID of the video you want to display and where you want to place it.</p>

    <pre>
      <code class="javascript">
        var myVideo = new Player({
          videoId: 'YrblkMd-KMs',
          placement: '.tester-div'
        });
      </code>
    </pre>

  </div>

  <script type="text/javascript" src="../highlight.pack.js"></script>
  <script>if( window.console ) { hljs.initHighlightingOnLoad(); }</script>

{'fraction_non_alphanumeric': 0.18216139688532326, 'fraction_numerical': 0.006134969325153374, 'mean_word_length': 3.0926640926640925, 'pattern_counts': {'":': 0, '<': 63, '<?xml version=': 0, '>': 63, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3804993', 'n_tokens_mistral': 752, 'n_tokens_neox': 720, 'n_words': 183}