【video_BUG】更改视频source标签的src无反应+浏览器载入视频失败

video标签的 基本操作

source子标签

{
    
    % if videoname %}   {
    
    #根据视频名变量，条件控制加载视频区域#}
<video height="300" controls="controls" id="video">
    <source  src="{
    
    { url_for('static',filename='video/'+videoname) }}" type="video/mp4">
</video>
{
    
    % endif %}

BUG1：更改视频source标签的src，页面没被更新
why：只是单纯的更改了source标签的视频地址，而浏览器并没有去发起请求去获得相应的视频。
solution：在JS中更改video标签的src方可 $("#video")[0].src = newVideoSrc; 即通常video不需要source子标签，直接

 <video src="test.mp4" poster="poster.jpg" height="300" controls="controls" id="video"></video>

视频格式

BUG2：当视频以后缀.avi结尾时，video标签不支持

why：html5标签当前支持的视频格式

通过PotPlayer 64 bit 查看视频信息，载入后-》Ctrl+F1-》文件信息

发现视频与音频的编码都不对
solution：格式工厂对其格式进行转换，目标为MP4格式，视频音频编码符合MPEG 4文件

获取转换后视频的参数：发现蓝框是<720p 即输出文件的Height参数会变为720 pixels，Width也会变成对应的。Format profile:[email protected]

BUG延伸：起初蓝框是<1080p，对应的AVC编码规格 Format profile:High@L4，此时视频文件无法被FireFox浏览器解码

solution：降低AVC编码规格方可，常用为[email protected]