<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/productvideo.css" />

<!-- MODAL -->
<div id="productvideo-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="productvideo-modal-title" aria-hidden="true"><!-- --></div>

<div id="productvideo-template"><!--
    {var protocol = window.location.protocol === 'http:' ? 'http:' : 'https:'}
    <iframe width="960" height="540" src="${protocol}//www.youtube.com/embed/cfiM87Y0pWw?rel=0&autoplay=1&enablejsapi=1&controls=0&showinfo=0&modestbranding=1" frameborder="0" allowfullscreen></iframe>
--></div>

<!-- JAVASCRIPT -->
<script type="text/javascript" src="js/productvideo.js"></script>

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/productvideo.css" />

<!-- MODAL -->
<div id="productvideo-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="productvideo-modal-title" aria-hidden="true"><!-- --></div>

<div id="productvideo-template"><!--
    <iframe width="960" height="540" src="//www.youtube.com/embed/cfiM87Y0pWw?rel=0&autoplay=1&enablejsapi=1&controls=0&showinfo=0&modestbranding=1" frameborder="0" allowfullscreen></iframe>
--></div>

<!-- JAVASCRIPT -->
<script type="text/javascript" src="js/productvideo.js"></script>

Use same protocol-agnostic // approach
Use same protocol-agnostic // approach
