javascript - H5Video使用时,firefox不兼容.mp4格式的视频播放,用webm代替后,清晰度降低,怎么解决?

代码如下:

<p style="width: 10rem;margin: 0 auto">
    <video class="myVideo" controls preload="auto" autoplay="autoplay" >
       <source src="<?php echo Yii::app()->params['staticsDomain'].'/public/ebag/video/宣传视频.webm';?>" type="video/webm">
       <source src="<?php echo Yii::app()->params['staticsDomain'].'/public/ebag/video/宣传视频.mp4';?>" type="video/mp4"> 
  </video>
</p>