html5中video视频只有声音没有图像

解决方案:

1、使用视频标签;

<video width="352" height="264" controls autobuffer>
    <source src="video/hjh.mp4" type=‘video/mp4; codecs="avc1.42E01E, mp4a.40.2"‘></source>
</video>

2、使用格式工厂更改视频编码格式 为H264。

改成如下:

<video width="352" height="264" controls autobuffer>
    <source src="video/hjh.mp4" type=‘video/mp4; codecs="avc1.42E01E, mp4a.40.2"‘></source>
</video>

时间: 2024-11-03 14:42:31

html5中video视频只有声音没有图像的相关文章

HTML5中video的使用一

<!DOCTYPE html> <html> <head> <title>HTML5 </title> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <script src="jquery-1.9.1.min.js"></script> <script type="text

html5开发&lt;video&gt;视频字幕的程序

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>使用video实现实时字幕的效果</title> <style> #box{ border: 1px solid red; width: 400px; height: 400px; position: absolute; } video{ pos

HTML5中Video,禁止右键下载

HTML5中Video,禁止右键下载 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>LOVE</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script><script&g

video详解 HTML5中的视频:

一.video 视频的方法.属性.事件详解 方法:play() 播放  pause() 暂停 属性:currentTime播放到当前的时间   duration视频的总时长 事件:ended 播放完的事件,需要进行的操作 二.video的浏览器的兼容性:(让所有浏览器都兼容) 1.添加js(下载地址:http://www.zhangxinxu.com/study/js/html5media.min.js ) <script src="http://html5media.googlecode

关于HTML5中video标签的奇怪现象

很多人刚开始学习html5 的时候在使用video标签时会出现这样的情况: 发现video标签在网页中播放时只有声音但是没有图像,如: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></ti

HTML5中video标签与canvas绘图的使用

video标签的使用 video标签定义视频, 它是html5中的新标签, 它的属性如下(参考自文档): domo01 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo01</title> </head> <body> <video src="madashu

HTML5中Video和Audio

相关属性 src属性 该属性指定媒体数据的URL地址. autoplay属性 在该属性中指定是否在页面加载后自动播放,使用方法: <video src="test.mov" autoplay></video> preload属性 在该属性中指定视频或音频数据是否预加载.如果使用预加载的话,浏览器会预先将视频或音频进行缓冲,这样可以加快播放的速度,因为播放时数据已经预先缓冲完毕. 该性情有三个可选值:none,metadata与auto,默认值为auto. non

HTML5中video 和 ogg

HTML5中 的ogg 从网上学习HTML5之video时看到了下面的代码,不太清楚ogg是什么,于是搜索了一些知识点供了解. Ogg全称是OGG Vorbis, 是一种音频压缩格式,类似于MP3等的音乐格式. 最明显的特点是: 1.是完全免费.开放和没有专利限制的. 2.OGG Vorbis有一个特点是支持多OGG格式音频图声道. 3.创建的OGG文件可以在未来的任何播放器上播放. 因此,这种文件格式可以不断地进行大小和音质的改良,而不影响旧有的编码器或播放器.

关于HTML5中Video标签无法播放mp4的解决办法

1.首先先排除掉代码问题.路径问题.浏览器不支持问题等常规问题,这些问题另行百度. <video width="500px" height="300px" autoplay="autoplay"> <source src="D:/video/hbg.mp4" type="video/mp4"> </video> 2.首先我自己从网上下载的一个MP4文件,IE10和谷歌都能