问火狐拒绝播放<video>

EN

<div style="display: none;">
<div id="id-of-content">
<video id="wb_video" width="570" height="320" controls poster="/sites/default/files/image/crm-systems-poster_0.png" onclick="this.play();"/>
  <source src="/sites/default/files/image/CRM-Systems-Video.ogv" type="video/ogg">
  <source src="/sites/default/files/image/CRM-Systems-Video.mp4" type="video/mp4">

  <img src="http://www.workbooks.com/sites/default/files/image/crm-system-image.png" title="CRM System image">

</video>
</div>
</div>

<div class="newvideo"><a class="colorbox-inline" href="http://www.workbooks.com/sites/default/files/image/CRM-Systems-Video.mp4?width=580&height=330&inline=true#id-of-content"><img src="http://www.workbooks.com/sites/default/files/image/CRM-Systems-Video.png" onclick="$('#wb_video').play();"></a></div>

.newvideo a{
    display:inline-block;
    position:relative;
}
.newvideo a:after{
    background:url(http://www.workbooks.com/sites/default/files/image/play-button-crm-homepage2.png) center center no-repeat;
    bottom:0;
    content:"";
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
}
.newvideo a:hover:after{
  background-image:url(http://www.workbooks.com/sites/default/files/image/play-button-crm-homepage-11.png);
}