SaaS ebook new screencast syntax

screencasts.html

<!-- BEGIN CURRENT VERSION -->
<div class="screencast">
  Screencast: 
  <a class="screencast-url" href="https://github.com/armandofox/saasbook/blob/master/ch%CB%99arch/mov/cookies.mp4?raw=true">Cookies</a>
  <div class="screencastsummary">
    <!-- summary stays here -->
  </div>
</div>
<!-- END CURRENT VERSION -->

<!-- BEGIN FIXED VERSION -->
<div class="screencast">
  <h2>
    Screencast: 
    <span class="screencast_title">Cookies</span>
  </h2>
  <video src="ch_arch/mov/cookies.mp4" width="600" controls="controls">
    <!-- this will only show for browsers that don't support the video tag -->
    <a class="screencast-url" href="https://github.com/armandofox/saasbook/blob/master/ch%CB%99arch/mov/cookies.mp4?raw=true">
      Watch on YouTube
    </a>
  </video>
  <div class="screencastsummary">
    <!-- summary stays here -->
  </div>
</div>
<!-- END FIXED VERSION -->