火狐放不了html5 video MP4格式

火狐放不了html5 video MP4格式

这里教大家解决火狐播放html5 video时 显示视频或mime类型不支持

这是因为火狐不支持mp4格式视频的播放,所以得把mp4格式的视频转为ogg格式的

一:下载

这里提供一个转换工具 [Total Video Audio Converter] 如果链接失效,请自行百度。

二:解压,打开

这里是解压版的,解压到硬盘里就行了,

然后双击totalvacvt.exe

这里是注册码:

姓 名:www.uzzf.com

序列号:ABCDEF1234BC98-B913-8273-017F3954198967

三:添加文件,输出格式

选择输出到OGG格式

选项里,选择你的输出目录(默认在C:\Users\Administrator\Documents)

四:添加到HTML中

html5 video标签的写法:

<video controls autoplay >
     <source src="video/test.mp4" type="video/mp4">(写自己的地址src)
     <source src="video/test.ogg" type="video/ogg">
     您的浏览器版本偏低,请升级最新版!!!
</video>

ok,有啥不懂的,或者错误,请大家积极留言!

原文地址:https://www.cnblogs.com/zhoudaxiaa/p/8670557.html

时间: 2024-08-28 21:09:56

火狐放不了html5 video MP4格式的相关文章

Html5 Video 实现方案

来源:http://ask.dcloud.net.cn/article/569 源码下载 前言: 最近项目中需要用到html5 视频播放功能,于是稍微研究了解了下,遇到了很多坑,特此记录下. 一. Html5 Video参考来源:http://www.xuanfengge.com/html5-video-play.html(这篇博文确实帮助很大) 1.1. 目的将Html5 Video功能应用到实际项目中,针对不同的平台和环境,进行个性化处理.基本只考虑webkit浏览器兼容问题 1.2. Ht

html5 video标签不能播放mp4的问题

最近项目中遇到的问题如下: 利用html5中的 video 标签去播放视频,但是发现有的mp4格式的视频可以播放,有的mp4格式的视频不能播放. 视频格式 首先 video 标签只支持MPEG4,Ogg,WebM 三种视频格式,浏览器支持情况如下: 但是,video标签对这三种视频格式是有具体要求的 Ogg = 带有 Theora 视频编码 + Vorbis 音频编码 MPEG4 = 带有 H.264 视频编码 + AAC 音频编码 WebM = 带有 VP8 视频编码 + Vorbis 音频编

[HTML5] Video 标签播放及控制视频

Video 是 HTML5 中新增的标签,使用 Video 标签可以播放 ogg.mp4 .webm 等格式的视频,Video 标签的引入,减少前端页面对 Flash 动画的依赖. 0x0 预备知识 不同的浏览器支持的视频格式可能不同,以下是摘自 W3School 各个浏览器对三种视频格式的支持情况: 0x1 在 Video 中嵌入视频 <video src="/movie.mp4" controls="controls"> 你就用这个浏览器有出息吗?

html5播放mp4视频代码

1.nginx支持flv和mp4格式播放 默认yum安装nginx centos7安装nginx时候应该是默认安装nginx_mod_h264_streaming模块的 # nginx -V查看是否安装nginx_mod_h264_streaming模块 nginx在新版本中已经支持了--with-http_mp4_module --with-http_flv_module这2个模块即可 # vi /etc/nginx/nginx.conf server { listen       80 de

HTML5 video标签播放视频下载原理

HTML5 video https://github.com/remy/html5demos/blob/master/demos/video.html <video preload="metadata"> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=676422 --> <source src="assets/dizzy.mp4" type="video/mp4"

(转)让所有浏览器支持HTML5 video视频标签

转自http://www.zhangxinxu.com/wordpress/?p=661 一.前面的唠叨 我记得就是前几个月吧,有条消息说YouTube支持了HTML5视频嵌入标签video,好吧,我听说而已,因为我不是个擅长FQ的人,到底如何我也不得而知. 与主题不相关的HTML5方面的东西我就不多说了,对于video标签,获取大家都听说了,这个标签的功能如同现在HTML语言中的img标签,就现在,比如要链接并显示一张图片,可以这样子: <img data-src="http://ima

html5 video

先简要概述一下video标签: video:嵌入视频到页面中 1. 声明video标签 单个视频的时候使用src: <video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls> Your browser does not support the <code>video</code> element. </video> 多个视频的时候使用<source>

HTML5 video标签实现视频播放:普通篇

随着互联网的飞速发展以及HTML5的应用,越来越多的项目中用到video,audio当常用标签. 下面先介绍下video标签的一般用法 video标签的属性如下: 注:control 属性供添加播放.暂停和音量控件. 一般用法: <div class="videoCon"> <video width="750" height="300" id="videoP" src="video.mp4"

Web视频播放 之 【HTML5 Video标签】

一.说明 HTML5中引入了video标签用于方便的在浏览器中播放视频,不在需要对flashPlayer进行依赖,更加轻量级.但在浏览器兼容.视频协议支持方面还有一些需要注意的问题. 二.浏览器兼容 html5 Video标签目前IE9+ 及 其他主流浏览器都能够支持. 对于IE8及以下的IE浏览器,可考虑引入html5扩展支持js来尝试解决,未亲测. 三.视频协议支持 支 持:Ogg.MPEG4.WebM 不支持:rtmp.rtsp(如果进行转码,切成HLS可以播放,但是即使在局域网内也有3秒