我正在使用Video.js在客户的网站上播放MP4格式的视频.
播放器使用 html5视频和Adobe Flash Player作为后备.
(在我的情况下,似乎总是使用Flash,所以我不知道本机html5播放器中是否存在问题.)

视频仅在* .mp4文件完全加载后才开始播放.所以没有缓冲几秒钟.在开始播放之前,浏览器必须完全下载该文件.

当视频很长时,访问者必须等待很长时间才能看到视频正常工作.

现在的问题是,是浏览器,脚本(video.js)还是创建该问题的视频文件.

但是在videojs.com网站上,视频在加载时正在播放,因此工作正常.因此我认为它不能是浏览器.

还有其他人有这个问题吗?我该如何解决这个问题?
非常感谢任何建议!

谢谢

马克斯

解决方法

那是因为mp4文件的moov原子在文件末尾,播放器需要在开始播放前知道moov原子,你可以用MP4Box轻松移动moov原子到文件的开头,有一个gui适用于 Windows的版本.

在Linux命令行中,您可以使用以下命令移动MA:MP4Box -add my_video.mp4 my_newVideo.mp4.

这需要几秒钟.

更多信息:Adobe对moov atomhere的解释

html5-video – Video.js中的MP4直到完全加载才播放的更多相关文章

  1. Html5实现首页动态视频背景的示例代码

    这篇文章主要介绍了Html5实现首页动态视频背景的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  2. ios – MPMoviePlayerController不播放本地文件

    >file:///Users/utkal/Library/ApplicationSupport/iPhoneSimulator/7.0.3/Applications/F0B3AD63-7E46-4069-8845-8B0C05425CD2/CosMos.app/PTCL.mp4我得到第一个代码的videURL路径>file:///Users/utkal/Library/ApplicationSup

  3. 在Android中添加音频到视频

    我想开发一个可以录制视频的Android应用程序,然后我的资源文件夹中有一些音频文件,我想将其添加到视频的末尾.所以最终的效果就像是首先播放视频,在视频结束时,增加的音频将会被听到.我该怎么做?解决方法使用不同音频编解码器进行组合是不容易的.我会做以下事情:>将MP3文件转换为与视频相同的格式>现在,您可以使用mp4parser的AppendExample将录制的视频附加到预录音>结果将是一个包含视频第一个和声音的MP4文件.全面披露:我是mp4parser的维护者.

  4. HTML5的Video标签有部分MP4无法播放的问题解析(多图)

    这篇文章主要介绍了HTML5的Video标签有部分MP4无法播放的问题。通过代码展示了设置的过程,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。

  5. 如何将bag文件批量转成mp4

    这篇文章主要介绍了将bag文件批量转成mp4,这篇博客涉及的脚本用来将bag文件批量转化为mp4文件,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. video下autoplay属性无效的解决方法(添加muted属性)

    这篇文章主要介绍了video下autoplay属性无效的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  7. html5用video标签流式加载的实现

    这篇文章主要介绍了html5用video标签流式加载的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  8. 解决node-webkit 不支持html5播放mp4视频的方法

    本文给大家分享的是解决node-webkit 不支持html5播放mp4视频的方法,其原因大概是因为node-webkit没有购买mp4格式的专利授权,恩,我们来想个办法来解决这个事情吧。

  9. ubuntu – 用ffserver开始流简单的mp4

    我想流一个mp4,为此我读到了关于ffserver的内容.所以我搜索和阅读ffserver文档,但仍然无法流式传输一个简单的文件.为此,我做了这些:安装了1-Awin8和最后一个VLC.2-AUbuntu13,带有最后一个ffmpeg包.3-affserver.conf文件保存到/etc/并从http://ffmpeg.org/sample.html复制(我只是复制新文件中的文本).4–运行此命令

  10. Cakephp 2.3.x发送文件并强制下载mp4文件

    您不理解的行只是示例的一部分–它假定应用程序有一个名为Attachment的模型,并且它有一个名为getFile的方法.由于您没有附件模型,因此您将获得“对非对象的成员函数调用”错误.但这并不重要:您需要担心的是提供一个完整的系统路径–>>response->file().在您的示例中,您可以通过将该行更改为:您可以删除$this->Attachment->getFile行,因为它与您的情况无关.如果有帮助,请告诉我!

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部