html5视频插件video不自动播放解决

ゞ浴缸里的玫瑰 2022-02-13 00:07 904阅读 0赞

视频不能自动播放，而不能像网上的很多视频那样一开始就能播放（边下边放），造成这个问题的原因是一些描述mp4文件信息的`moov atom`元数据默认放置在了视频文件的最后，而所有的播放器（包括独立的、网络化的——如浏览器）都需要这些信息来正确构建播放（比如视频分辨率到底是多少，视频到底有多长......）由此需要把这些信息想办法移动到mp4文件的前部，这样读取到这些信息后客户端播放器就可以搭起播放环境，后续只需要播放数据即可。

用qt-faststart可以进行视频转换，视频可以边下边放、我写了一个批处理命令。批量进行视频转换

下面是run.bat文件，原map4文件代表你要转换的视频。新mp4文件代表转换成功的视频

mode con cols=100 lines=100&color 0a&title=mp4视频转换

@echo off   
setlocal enabledelayedexpansion   
::CODER BY dsw POWERD BY iBAT  
set b=%cd%  
for %%i in (%b%\\原mp4文件\\\*.\*) do (   
set aa=%%i  
echo --------------开始转换【!aa!】----------  
set bb=%%i  
set aa=!aa:原mp4文件=新mp4文件!   
%b%/qt-faststart/qt-faststart.exe !bb! !aa!  
echo --------------转换成功【!aa!】----------  
echo\\  
echo\\  
echo\\  
 )

pause

下面是文件目录结构

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NheWdvb2Q5OTk_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NheWdvb2Q5OTk_size_16_color_FFFFFF_t_70]: /images/20220213/f5077e5fec03452d8c3c489d389ca12e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，904人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5 video循环播放多个视频

最近在开发中遇到的需求是：微信扫描课件二维码，播放其对应的课件视频设计流程 1. 扫描二维码时，将其视频列表存入model中，存入第一条是为了，不在html界面...

﹏ヽ暗。殇╰゛Y/ 2024年04月18日 21:29/ 0 赞/ 69 阅读

相关 vue中使用视频播放插件vue-video-player

前言本狗在使用vue-video-player 老是无法播放视频，出现如下错误。 ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZ

末蓝、/ 2023年10月03日 17:43/ 0 赞/ 15 阅读

相关 html5视频播放解决方案

html5没学习之前总觉的很神秘。近期通过学习和研究html5有点成果，特总结分享给大家。众所周知应用开发分两种：一是原生的native app 二是web ap

秒速五厘米/ 2022年09月23日 11:59/ 0 赞/ 257 阅读

相关移动端HTML5<video>视频播放优化实践

遇到的挑战移动端HTML5使用原生<video>标签播放视频，要做到两个基本原则，速度快和体验佳，先来分析一下这两个问题。下载速度以一个8s短视频为例，wi

妖狐艹你老母/ 2022年09月22日 12:58/ 0 赞/ 405 阅读

相关 html5视频播放解决方案

关键词：html5 nativeapp webapp mp4 H.264 html5没学习之前总觉的很神秘。近期通过学习和研究html5有点成果，特总结分享给

桃扇骨/ 2022年07月21日 11:14/ 0 赞/ 291 阅读

相关视频播放插件Video.js

来源：http://www.jq22.com/jquery-info404 Video.js最新v6.6.2版 2018-1-02更新 Bug 修复进度条时间工具

妖狐艹你老母/ 2022年05月28日 01:13/ 0 赞/ 454 阅读

相关 video视频播放

作者：LoveEmperor-王子様 > 更多资料：[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/vi

曾经终败给现在/ 2022年05月16日 01:55/ 0 赞/ 424 阅读

相关 html5自动播放视频

html5可以直接播放视频。就用标记`<video>`即可，真好。可是怎么自动播放视频？不是有"autoplay"吗？但是，无效。任凭你设属性，或是`video.pla

男娘i/ 2022年03月01日 14:14/ 0 赞/ 422 阅读

相关 html5视频插件video不自动播放解决

视频不能自动播放，而不能像网上的很多视频那样一开始就能播放（边下边放），造成这个问题的原因是一些描述mp4文件信息的`moov atom`元数据默认放置在了视频文件的最后，而所

ゞ浴缸里的玫瑰/ 2022年02月13日 00:07/ 0 赞/ 905 阅读

相关 Html5 jquery视频播放插件Video.js

<!doctype html> <html> <head> <meta charset="utf-8"> <title>

淡淡的烟草味﹌/ 2021年06月26日 16:06/ 0 赞/ 748 阅读