javascript - When using H5Video, firefox is not compatible with video playback in .mp4 format. After using webm instead, the definition is reduced. How to solve it?

Question

code show as below:

<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>

Answer 1

There is a video playback plug-in video.js, you can search for it. The video format is .MP4 format. I hope it can solve your problem