src中直接输入字符串视频地址不能播放,但是通过import的导入却是可以的。
但是import只能写在文件最顶端,所以就想到使用require。没想到还真成功了!感谢自己的坚持!
方式1:
let source = require('../assets/WeChatvideo.mp4');
<video id="playChatVideo" width="320" height="240" controls>
<source src={source} type="video/mp4"></source>
</video>
方式2:
<video id="playChatVideo" width="320" height="240" controls>
<source src={require('../assets/WeChatvideo.mp4')} type="video/mp4"></source>
</video>
受启发自:
https://sleepingbug.blog.csdn.net/article/details/111566703