Ie11 video audio tag compatibility issues

problem description

in your project, be compatible with ie11 or edge browsers. The video source is obtained from the server and can be rendered and played normally on the chrome. The src that directly obtains the video can also be opened directly in the chrome browser. However, the invalid source cannot be played on ie11 or edge, and the src of this video cannot be played directly on ie. The same goes for the
audio tag, which shows invalid sources

the environmental background of the problems and what methods you have tried

the format of the video is mp4,.
write the demo code locally, and the video can be rendered and played directly in ie, and the video address on the server that is written locally can also be played directly.
the address rendered with vue: src cannot play the method tried by
. Adding meta content= "ie=edge" to head does not solve the problem

related codes

/ / Please paste the code text below (do not replace the code with pictures)
< video: src= "xxxxxx" (address obtained by the server) controls > < / video >

what result do you expect? What is the error message actually seen?

can be rendered and played normally under ie. Invalid source is displayed and cannot be played

Aug.29,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3e0a9-2c3c4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3e0a9-2c3c4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?