admin管理员组

文章数量:1530516

文章目录

    • source子标签
    • 视频格式

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:High@L3.1

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

solution：降低AVC编码规格方可，常用为High@L3.x

本文标签： 视频浏览器标签videoBUGSRC

版权声明：本文标题：【video_BUG】更改视频source标签的src无反应+浏览器载入视频失败 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1725800281a1043479.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。