HTML5视频 - 不适用于mozilla firefox for mac

Question

我已尝试过所有内容，但视频无法在Mozilla Firefox（运行ot mac）中启动，控件也无法正常工作。但它在所有其他浏览器和操作系统中都能很好地工作 请帮我！ ：（

我写了这个：

   <button id="play-pause-button" class="pp_button "></button>
   <button id="mute-button" class="m_button "></button>
 <script>
    $('#play-pause-button').click(function () {
   if ($("video").get(0).paused) {
       $("video").get(0).play();
   } else {
       $("video").get(0).pause();
  }
});


     $('#mute-button').click(function () {
   $("video").prop('muted', true);

   if( $("video").prop('muted', true) )
        {
            $("video").prop('muted', false)
        }
                $("#mute-button").click( function (){
    $("video").prop('muted', !$("video").prop('muted'));
});
  });


$(document).ready(function(){

    $("video").prop('muted', true);

    $("video").click( function (){
        if( $("video").prop('muted', true) )
        {
            $("video").prop('muted', false)
        }
        $("video").click( function (){
    $(this).prop('muted', !$(this).prop('muted'));
});
    });
});



 </script>

  <script>

  </script>
  <div id="container1">

    <video autoplay loop muted>

        <source src="//player.vimeo.com/external/109280665.hd.mp4?s=f907d6edd960998ede2030e9c03fc641" type="video/mp4">
        <source src="//player.vimeo.com/external/109280665.hd.mp4?s=f907d6edd960998ede2030e9c03fc641" type="video/webm">
    </video>
    <div class="content1">

    </div>

</div>

  </div>