网页用html5 video mp4video插入mp4格式的视频,打开网页不能播放,怎么解决

已解决问题
【HTML5的video标签】我的谷歌浏览器无法播放,video标签里是MP4格式视频!
提问时间: 23:21:01
浏览次数:3137
安卓手机默认支持的视频格式是mp4、3gp文件。 其他格式的文件,如mpg、rmvb、AVI、MOV、flv,需要转码才能观看,可以下载迅雷或者暴风影音视频播放软件进行转码观看。许朋友用苹设备播放高清MKV格式电影没声音件让纠结事情管用OPlayer其播放器都没声音AVplayer付费软件想花钱想苹移设备观看高清电影该办呢 工具/原料 MKV格式高清电影 苹设备(iphone ipad itouch) /步骤 MKV格式电影播放所没声音采用AC3音频编码式种编码式具体我做详细介绍与本篇关般苹播放软件识别所没声音比高清电影用规电影命名格式看名字AC3 既AC3音频编码我除掉AC3答案肯定款软件叫AC3 killer解决问题 打软件点击Browse选择电影文件夹几部电影都选择进边Browse转换文件存放自行设置默认源文件夹 点击kill AC3等待 几钟或者十几钟【依电影格式数量定】软件转换完打源文件夹发现同数量文件且名称边ACC转换掉音频编码格式 6 电影导入手机享受高清移影音旅吧 END 注意事项 喜欢本经验麻烦点击左角投您宝贵票哦想再看请点击五角星。那个迅雷播放器卸载的时候卸载了一些共用的解码器,所以导致缺解码器。 安装以下免费解码器,使windows media player 12能够万能播放: 安装: real alternative quicktime alternative k-lite mega codec pack 去新浪下载 输入上面名字搜索。也几乎用不着别的视频播放器了(音频播放器千千静听、foobar2000可保留) 并且这样节省资源,避免某些软件的广告和乱七八糟没用功能。有两种方法 第
可以创建autorun.inf 文件指定播放路
方法为 随便找个自动播放
光盘进入该光盘目录会找到autorun.inf 配置信息文件 该文件就是指
自动播放的路径配置信息 你可以按照自己的路径编辑修改。 第
通过U盘量产工具做到 这样一来即使是格式化了优盘 还会存在你做的
不过有一个方法可以通杀所有自动播放的磁
开始-运行-输入为gpedit.msc 管理模板 系统 在右边找到关闭自动播放 已启用 所有驱动器。再说,这样设备很危机啊@_@这个命令可以编辑但不可执行会被杀毒等软件喀嚓掉。用那么多年U盘不知道这个功能!
答案创立者
以企业身份回答&
快速解决你的电商难题
店铺优化排查提升2倍流量
擅长&nbsp 店铺优化
您可能有同感的问题插件描述:Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。(要支持ie低版本请下载5.4.3版 )
Video.js最新v6.6.2版 更新Bug 修复进度条时间工具提示bug通过添加word-break css reset(#c4),关闭#2964在寻求 (#4860) (baf0982) 时, 在Safari中拒绝未处理的承诺, 关闭 #4853例行工作netlify:在netlify命令(#4862)(8f450ea)中添加一些调试信息软件包:更新版本2.0.0(#4834)(22fcd03)Video.js最新v6.2.8版 更新Video.js最新v6.2.5版 更新Video.js最新v5.18.4版 更新(支持ie8)Video.js最新v5.16版 更新Video.js最新v5.10.8版 更新Video.js v5.8.8版 更新Video.js历史v5.4.3版 更新Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。使用方法在页面中引用video-js.cs样式文件和video.js&link&href=&video-js.css&&rel=&stylesheet&&type=&text/css&&
&script&src=&video.js&&&/script&设置flash路径,Video.js会在不支持html5的浏览中使用flash播放视频文件&script&
&&&&videojs.options.flash.swf&=&&video-js.swf&;
&/script&htmlposter=&**&播放初始图。可使用三种视频格式,根据所需要格式选择对应的。&video&id=&example_video_1&&class=&video-js&vjs-default-skin&&controls&preload=&none&&width=&640&&height=&264&
&&&&&&poster=&http://video-js.zencoder.com/oceans-clip.png&
&&&&&&data-setup=&{}&&
&&&&&source&src=&http://视频地址格式1.mp4&&type='video/mp4'&/&
&&&&&source&src=&http://视频地址格式2.webm&&type='video/webm'&/&
&&&&&source&src=&http://视频地址格式3.ogv&&type='video/ogg'&/&
&&&&&track&kind=&captions&&src=&demo.captions.vtt&&srclang=&en&&label=&English&&&/track&&!--&Tracks&need&an&ending&tag&thanks&to&IE9&--&
&&&&&track&kind=&subtitles&&src=&demo.captions.vtt&&srclang=&en&&label=&English&&&/track&&!--&Tracks&need&an&ending&tag&thanks&to&IE9&--&
&/video&设置自动播放将下面代码加到html中代码后面&script&type=&text/javascript&&
&&&&var&myPlayer&=&videojs('example_video_1');
&&&&videojs(&example_video_1&).ready(function(){
&&&&&&&&var&myPlayer&=&
&&&&&&&&myPlayer.play();
&/script&默认情况下,大的播放按钮是被定为在左上角的,这样就不会覆盖视频内容。如果你想让这个播放按钮居中,你可以给你的 video 标签添加额外的 vjs-big-play-centered 样式,比如:&video&id=&example_video_1&&class=&video-js&vjs-default-skin&vjs-big-play-centered&
&&controls&preload=&auto&&width=&640&&height=&264&
&&poster=&http://video-js.zencoder.com/oceans-clip.png&
&&data-setup='{&example_option&:true}'&
&/video&如果你还对播放按钮样式不满意可重新定义.video-js .vjs-big-play-button{/*这里的样式重写*/}。为动态加载的 HTML 元素设置 Video.js如果你的 web 页面或者应用是动态加载 video 标签的(ajax,appendChild,等等),这样在页面加载后这个元素是不存在的,那么你会想要手动设置播放器而不是依靠 data-setup 属性。要做到这一点,首先将 data-setup 属性从 video 标签中移除掉,这样在播放器初始化的时候就不会混乱了。接下来,运行下面的 javascript ,有时在 Video.js 加载后,有时是在 video 标签被加载进 DOM 后,videojs(&example_video_1&,&{},&function(){
&&//&Player&(this)&is&initialized&and&ready.
});videojs 方法中的第一个参数是你的 video 标签的 ID,用你自己的代替。第二个参数是一个选项对象。它允许你像设置 data-setup 属性一样设置额外的选项。第三个参数是一个 'ready' 回调。一旦 Video.js 初始化完成后,就会触发这个回调。你也可以传入一个元素本身的引用来代替元素ID:videojs(document.getElementById('example_video_1'),&{},&function()&{
&&//&This&is&functionally&the&same&as&the&previous&example.
videojs(document.getElementsByClassName('awesome_video_class')[0],&{},&function()&{
&&//&You&can&grab&an&element&by&class&if&you'd&like,&just&make&sure
&&//&if&it's&an&array&that&you&pick&one&(here&we&chose&the&first).
});如果您无法播放内容,您得确保使用了 正确的格式,你的 HTTP 服务器可能无法提供正确的 MIME类型 的内容以下感谢网友 的分享var videoObj = videojs(“videoId”);ready:myPlayer.ready(function(){
&&&&//在回调函数中,this代表当前播放器,
&&&&//可以调用方法,也可以绑定事件。
})播放:myPlayer.play();暂停:myPlayer.pause();获取播放进度:var&whereYouAt&=&myPlayer.currentTime();设置播放进度:myPlayer.currentTime(120);视频持续时间,加载完成视频才可以知道视频时长,且在flash情况下无效var&howLongIsThis&=&myPlayer.duration();缓冲,就是返回下载了多少var&whatHasBeenBuffered&=&myPlayer.buffered();百分比的缓冲var&howMuchIsDownloaded&=&myPlayer.bufferedPercent();声音大小(0-1之间)var&howLoudIsIt&=&myPlayer.volume();设置声音大小myPlayer.volume(0.5);取得视频的宽度var&howWideIsIt&=&myPlayer.width();设置宽度:myPlayer.width(640);获取高度var&howTallIsIt&=&myPlayer.height();设置高度:myPlayer.height(480);一步到位的设置大小:myPlayer.size(640,480);全屏myPlayer.enterFullScreen();离开全屏myPlayer.enterFullScreen();添加事件durationchange
ended&//播放结束
fullscreenchange
loadedalldata
loadeddata
loadedmetadata
pause&//暂停
play&&//播放
timeupdate
volumechange
resize&inherited
var&myFunc&=&function(){
&&&&//&Do&something&when&the&event&is&fired
};事件绑定myPlayer.on(&ended&,&function(){
&&&&console.log(&end&,&this.currentTime());
myPlayer.on(&pause&,&function(){
&&&&console.log(&pause&)
});删除事件myPlayer.removeEvent(“eventName”,&myFunc);一个页面中有多个视频,需要点击后触发bootstrap 的模态窗,再弹出视频我个人的方法是:html:&a&videohref=&http://xxx.mp4&&class=&video_link&&&img&&src=&../images/xxx.jpg&/&&/a&JS:$(&.video_link&).click(function()&{
&&&&var&myPlayer&=&videojs('my-video');
&&&&var&videoUrl&=&$(this).attr(&videohref&);
&&&&videojs(&my-video&,&{},&function()&{
&&&&&&&&window.myPlayer&=&
&&&&&&&&$(&#mymoda&.video-con&#my-video&source&).attr(&src&,&videoUrl);
&&&&&&&&myPlayer.src(videoUrl);
&&&&&&&&myPlayer.load(videoUrl);
&&&&&&&&myPlayer.play();
&&&&$(&.click-modal&).click();
//&模态窗消失时,关闭视频&&&&
$('#mymoda').on('hidden.bs.modal',&function()&{
&&&&myPlayer.pause();
相关插件-音频和视频
音频和视频
音频和视频
音频和视频
音频和视频
讨论这个项目(929)回答他人问题或分享插件使用方法奖励jQ币
The media playback was aborted due to a corruption problem or because the media used features your browser did not support.请问视频播放完毕后报这个错误怎么解决
加上自动播放后代码报The element or ID supplied is not valid. (videojs)
代码放在底部也不管用
是怎么回事 求指教
MP4,几十M或者一百多M的能正常播放。两百多M的不能正常播放,有声音,没有画面,这是什么原因呢?
jinnian1989 0
请问怎么去掉视频的全屏播放按钮,因为有些浏览器支持,有些不支持,点击了没有反应,使用不太好
请问作者,为什么我有多份文件播放,播放第一个没问题,后面的就只能听声音,看不到画面,不知怎么回事
刷新下看看
&frameset&cols=&220,*&&rows=&*&&frameborder=&no&&border=&0&&framespacing=&0&&allowfullscreen=&true&&allowtransparency=&true&&allowscriptaccess=&always&&webkitallowfullscreen=&true&&mozallowfullscreen=&true&&
&&&&frame&src=&/cnt/video/HtmlPage1.html&&name=&leftFrame&&scrolling=&No&&noresize=&noresize&&id=&leftFrame&&title=&leftFrame&&allowfullscreen=&true&&allowtransparency=&true&&allowscriptaccess=&always&&webkitallowfullscreen=&true&&mozallowfullscreen=&true&&/&
&&&&frameset&rows=&46,*&&frameborder=&no&&border=&0&&framespacing=&0&&allowfullscreen=&true&&allowtransparency=&true&&allowscriptaccess=&always&&webkitallowfullscreen=&true&&mozallowfullscreen=&true&&
&&&&&&&&frame&src=&/cnt/video/HtmlPage1.html&&name=&topFrame&&scrolling=&No&&noresize=&noresize&&id=&topFrame&&title=&topFrame&&allowfullscreen=&true&&allowtransparency=&true&&allowscriptaccess=&always&&webkitallowfullscreen=&true&&mozallowfullscreen=&true&&/&
&&&&&&&&frame&src=&/cnt/video/HtmlPage1.html&&name=&rightFrame&&id=&rightFrame&&title=&rightFrame&&allowfullscreen=&true&&allowtransparency=&true&&allowscriptaccess=&always&&webkitallowfullscreen=&true&&mozallowfullscreen=&true&&/&
&&&&/frameset&
&/frameset&
无法全屏 不知道什么原因 作者能给说下吗? 我已经设置为允许全屏了
如何支持 wmv格式的视频播放呢
wmv是微软推出流媒体格式,只有IE浏览器调用Windows Media Video播放器才可以播放。别的浏览器是支持不了的,所以只能转格式了。除非你让用户都用IE浏览器。
DengHuo369 0
为什么火狐浏览器播放不了?HTTP&&Content-Type&&中的&&video/3gpp&&不支持。媒体资源&http://localhost:8080/upload/4gfile/.mp4加载失败。video所有候选资源载入失败。已暂停载入媒体。video
VIDEOJS:&ERROR:&(CODE:4&MEDIA_ERR_SRC_NOT_SUPPORTED)&The&media&could&not&be&loaded,&either&because&the&server&or&network&failed&or&because&the&format&is&not&supported.&
Object&{&code:&4,&message:&&The&media&could&not&be&loaded,&either&because&the&server&or&network&failed&or&because&the&format&is&not&supported.&&}
video.min.js:18:21403
HTTP&&Content-Type&&中的&&video/3gpp&&不支持。媒体资源&http://localhost:8080/upload/4gfile/.mp4加载失败。
视频格式转换问题。
为什么第一次能播放,刷新页面后不能播放了?
检查视频加载地址是否出问题。
?林夕之梦? 0
为什么我自定义点击停止播放无效了
PROMULGATOR
北京市鹏博士
关注作者 (661)
收藏此插件 (1058)
我当前jQ币余额:正在获取..
已下载次数:60981
所需jQ币:0怎么在网页中播放mp4视频呢? - ITeye问答
&!DOCTYPE HTML&
&head&&/head&
&video width="320" height="240" controls="controls"&
&source src="player.mp4" type="video/mp4"&
&/html&
这样根本不行,播放不了..视频文件是有的..在根目录下.
,html标签,建议使用新版的火狐浏览器或者谷歌浏览器。
video标签是html5规范的,所以必须支持html5的浏览器才可以播放。
如:火狐、chrome等。
什么浏览器?你这是HTML5 的。换火狐 试试
&!DOCTYPE HTML&
&html&
&body&
&video width="320" height="240" controls="controls"&
& &source src="/i/movie.ogg" type="video/ogg"&
& &source src="/i/movie.mp4" type="video/mp4"&
Your browser does not support the video tag.
&/video&
&/body&
&/html&
或者使用
http://camendesign.com/code/video_for_everybody
已解决问题
未解决问题网站运营 网站推广 网站管理 网站修复 网站搬家 网站经验
html5网页中用video标签无法播放MP4视频的解决方法
今天一位朋友Q我说:为什么我录制的MP4视频在本地可以播放但是使用html5的video多媒体播放标签不能正常播放只有一个进度条而不显示图像?当时我也很好奇MP4视频可以用video标签播放呀,我就经常用,毕竟是好朋友我还是亲自去筛查了一下问题,这不结论处来了,其实就是一个视频编码的问题,格式虽然都是MP4但是html中只支持H.264的编码格式,无奈只能重新转换一下编码了。
为了避免大家遇到同样的问题我在这里就给大家普及一下html5关于&video&标签的知识吧:
在使用html4协议做网站时我们想要在网页上播放一个视频要不使用flash去播放,要么就是嵌入式页面来实现,对于html5来说这两种方法非常的不方便因为一个牛逼哄哄的&video&出现了,这个标签的功能就是让多媒体文件可以很方便的在网页中播放。
html中播放一个视频只需要一个标签:
&video src="http://sp.ntaotu.com/localhost-wordpress-phpstudy.mp4" controls="controls" width="500" height="300"&&/video&
代码虽然少了很多,但是功能却很健全,这就是html5的亮点之一吧!
关于&video&标签所支持的视频格式和编码:
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
通过上面的信息我们会发现只有h264编码的MP4视频(MPEG-LA公司)、VP8编码的webm格式的视频(Google公司)和Theora编码的ogg格式的视频(iTouch开发)可以支持html5的&video&标签。
如果浏览器不支持video标签怎么办?
比如IE浏览器还有老版本的浏览器对html5的支持不太好,当用户用这些浏览器打开我们带有视频的网页怎么办呢?
我们可以把代码这样写:
&video src="http://sp.ntaotu.com/localhost-wordpress-phpstudy.mp4" controls="controls" width="500" height="300"&您的浏览器不支持播放该视频!&/video&
这样在不支持html5的浏览器中就会提示“您的浏览器不支持播放该视频!”啦!
关于video标签的扩展参数说明:
video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式,这样我们只要多准备几个不同格式的视频就可以了。
&video width="500" height="250" controls="controls"&
&source src="movie.ogg" type="video/ogg"&
&source src="movie.mp4" type="video/mp4"&
您的浏览器不支持此种视频格式。
autoplay :出现该属性意味着视频在就绪后将自动播放,用法:autoplay="autoplay"
controls :出现该属性意味着向用户显示控件,如播放按钮等,用法:controls="controls"
height:设置高度
width:设置宽度
loop:自动重播,用法:loop="loop"
preload:视频在页面加载时进行加载并预备播放,用法:preload="auto" - 当页面加载后载入整个视频;preload="meta" - 当页面加载后只载入元数据;preload="none" - 当页面加载后不载入视频。注意:若使用了autoplay,则忽略preload
src:要播放视频的url
关于&video&标签我就介绍到这里,相信大家都对这个标签有了深刻的了解!
友情支持:
没有更多推荐了,
加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!Java|ui设计|web前端|童程童美等信息资讯平台
美国上市公司亿元级外企IT培训机构
当前位置 :
> 如何在HTML5网页中插入 Video(视频)
如何在HTML5网页中插入 Video(视频)
时间: 13:52:35
来源:web前端培训网
作者:IT培训网
已有:名学员访问该课程
Web站点上的视频
直到现在,仍然不存在一项旨在网页上显示视频的标准。
今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
浏览器支持
Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持 &video& 元素.
注意: Internet Explorer 8 或者更早的IE版本不支持 &video& 元素。
HTML5 (视频)- 如何工作
如需在 HTML5 中显示视频,您所有需要的是:
&video width=&320& height=&240& controls&
& &source src=&movie.mp4& type=&video/mp4&&
& &source src=&movie.ogg& type=&video/ogg&&
您的浏览器不支持Video标签。
&!DOCTYPE html&
&meta&charset=&utf-8&&&
&title&菜鸟教程(runoob.com)&/title&&
&video width=&320& height=&240& controls&
& &source src=&movie.mp4& type=&video/mp4&&
& &source src=&movie.ogg& type=&video/ogg&&
& 您的浏览器不支持 HTML5 video 标签。
运行结果:
&video& 元素提供了 播放、暂停和音量控件来控制视频。
同时&video& 元素元素也提供了 width 和 height 属性控制视频的尺寸.如果设置的高度和宽度,所需的视频空间会在页面加载时保留。。如果没有设置这些属性,浏览器不知道大小的视频,浏览器就不能再加载时保留特定的空间,页面就会根据原始视频的大小而改变。
&video& 与&/video& 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。
&video& 元素支持多个 &source& 元素. &source& 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式:
视频格式与浏览器的支持
当前, &video& 元素支持三种视频格式: MP4, WebM, 和 Ogg:
Internet Explorer
YES (从 Opera 25 起)
MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
video/webm
HTML5 &video& - 使用 DOM 进行控制
HTML5 &video& 和 &audio& 元素同样拥有方法、属性和事件。
&video& 和 &audio&元素的方法、属性和事件可以使用JavaScript进行控制.
其中的方法有用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。其中的 DOM 事件能够通知您,比方说,&video& 元素开始播放、已暂停,已停止,等等。
例中简单的方法,向我们演示了如何使用 &video& 元素,读取并设置属性,以及如何调用方法。
为视频创建简单的播放/暂停以及调整尺寸控件:
&!DOCTYPE html&
&meta&charset=&utf-8&&&
&title&菜鸟教程(runoob.com)&/title&&
&div style=&text-align:center&&
& &button onclick=&playPause()&&播放/暂停&/button&
& &button onclick=&makeBig()&&放大&/button&
& &button onclick=&makeSmall()&&缩小&/button&
& &button onclick=&makeNormal()&&普通&/button&
& &video id=&video1& width=&420&&
&&& &source src=&mov_bbb.mp4& type=&video/mp4&&
&&& &source src=&mov_bbb.ogg& type=&video/ogg&&
&&& 您的浏览器不支持 HTML5 video 标签。
& &/video&
var myVideo=document.getElementById(&video1&);
function playPause()
&&&&&&&& if (myVideo.paused)
&&&&&&&& & myVideo.play();
&&&&&&&& else
&&&&&&&& & myVideo.pause();
&&&&&&&& function makeBig()
&&&&&&&& myVideo.width=560;
&&&&&&&& function makeSmall()
&&&&&&&& myVideo.width=320;
&&&&&&&& function makeNormal()
&&&&&&&& myVideo.width=420;
运行结果:
上面的例子调用了两个方法:play() 和 pause()。它同时使用了两个属性:paused 和 width。
植入视频的方式就这些了,如果想要制作一个漂亮好看的视频还需要我们有设计天赋,但学了这节课,一个简单的视频还是可以做出来的。好了,你知道如何在HTML5网页中植入视频了吧,如果还不懂,请咨询小编吧,让我们一起学习,一起进步,共同学习HTML5方面的更多知识。
本文链接:
------分隔线----------------------------
------分隔线----------------------------
全国服务电话:400-017-8985 全国监督及投诉邮箱:
Powered by
(C) IT培训网一站式精准营销服务平台 cnitedu Inc.
备案信息:

我要回帖

更多关于 type video mp4 的文章

 

随机推荐