title: Add moving watermark with CSS over html5 video?
body: <p>So I currently have something that looks a bit like this:</p>
  <pre><code>&lt;video width=&quot;1280&quot; height=&quot;720&quot; controls&gt;
    &lt;source src=&quot;video_1.mp4&quot; type=&quot;video/mp4&quot;&gt;
    &lt;source src=&quot;video_1.ogg&quot; type=&quot;video/ogg&quot;&gt;
  &lt;/video&gt;
  </code></pre>
  <p>And I want to get a watermark text to hover over over the video, something like this:</p>
  <pre><code>&lt;p class=&quot;watermark-vid&quot;&gt;Student 141&lt;/P&gt;
  </code></pre>
  <p>Note, that while on web users would easily be able to hide the watermark, I'm creating an ElectronJs application so they won't have access to developer tools.</p>