应该是浏览器没有支援到 html5 的 video tag
十年的吕梁网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整吕梁建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“吕梁网站设计”,“吕梁网站推广”以来,每个客户项目都认真落实执行。
pad 浏览器通常都有支援,所以可以正常播放
你可以到 shx . io 这网站发问看看
html中如何添加本地视频
方法/步骤
示例一: (复制以下代码到你的文本文档中,改名为lady.html)
!DOCTYPE HTML
html
body
video src="1\LADY.mp4"您的浏览器不支持video标签/video
body
/html
打开后如图所示,你能看到一个类似与图片的页面。
1、SRC标签说明:
或许有些人进去以后什么都没显示?
不要着急,一定是你的视频设的路径不对。
2、SRC=“这儿是你放视频的位置”
如果你的视频叫 lady.mp4 那代码就应该是 src="lady.mp4"
如果你想整理一下,把他放在了 media文件下。。。。那代码就应该是 src="media\lady.mp4"
3、controls标签说明:
如果出现该属性,则向用户显示控件,比如播放按钮,暂停,快进等按钮。
video src="1\LADY.mp4" controls您的浏览器不支持video标签/video
4、Height、Wigth标签:
跟他的意思一样,用来修改视频播放器的尺寸,这个你可以自己调试。
video src="1\LADY.mp4" controls height="600" wight="800"您的浏览器不支持video标签/video
5、Autoplay标签:
如果出现该属性,则视频在就绪后马上播放。
video src="1\LADY.mp4" autoplay您的浏览器不支持video标签/video
步骤阅读
6、LOOP标签:
如果出现该属性,则当媒介文件完成播放后再次开始播放。其实就是循环播放了,这个就不截图了。
7、preload标签:
很多时候在本地测试很流畅,但上传了网站就感觉很卡,这是网速的关系,在这儿利用这个标签,可以实现缓冲前,不至于看的那么卡。
本地环境和浏览器支持问题!
不信的话,更换成mp3一般浏览器都是支持的!
以下为Windows操作系统下各种情况:
浏览器 支持度
Internet Explorer 6 不支持 如果安装了Google Chrome Frame,支持HTML5
Internet Explorer 7 不支持 如果安装了Google Chrome Frame,支持HTML5
Internet Explorer 8 不支持 如果安装了Google Chrome Frame,支持HTML5
Internet Explorer 9 支持(mp4,webm*) *如果安装了VP8解码器
Firefox 3.5 不支持
Firefox 3.5, 3.6 支持(ogg)
Firefox 4 支持(webm,ogg)
Chrome 3 不支持
Chrome 3, 4, 5 支持(mp4,ogg)
Chrome 6 支持(mp4,webm,o
Opera 10.5 不支持
Opera 10.5 支持(ogg)
Opera 10.6 支持(webm,ogg)
Opera 11 支持(webm,ogg)
safari 3.1, 4, 5 支持(mp4)
1、新建一个html文件,命名为test.html,用于介绍如何使用video控制视频。
2、在test.html页面,使用button标签创建四个按钮,分别是播放/暂停、大、中、小,用于控制视频的播放效果。同时,使用video标签创建一个视频。
3、给每个按钮绑定onclick点击事件,当按钮被点击时,分别执行相应的函数来控制视频的播放效果。
4、使用document.getElementById()获得视频对象,创建“播放/暂停”的playPause()函数,使用play()方法控制视频的播放,使用pause()控制视频的暂停。
5、创建makeBig()函数,当点击"大"按钮时,使视频以宽度560px来播放视频。
6、创建makeNormal()函数与makeSmall()函数,当点击“中”按钮时,使视频以宽度420px来播放视频,当点击“小”按钮时,使视频以宽度320px来播放视频。
7、在浏览器打开test.html文件,测试js控制视频播放的效果。
下载H5页面中嵌入视频的方法:
一、可以获取H5页面中视频源链接
获取了视频地址,不管是什么平台的都有方法下载下来。比如说,用各种下载器,或者说视频地址原平台的客户端下载。再不济,也可以用录屏软件录制一下。
二、不可以获取H5页面中视频源链接
不可以获取视频地址的,没办法,只能将H5链接,放在电脑上,通过浏览器播放,然后再进行录制。
HTML5支持的视频格式在HTML5中嵌入的视频格式主要包括ogg、mpeg4、wehm等。
具体介绍如下:
ogg:一种开源的视频封装容器,其视频文件扩展名为ogg,里面可以封装vobris音频编码或者theora视频编码,同时ogg文件也能将音频编码和视频编码进行混合封装。
mpeg4:目前最流行的视频格式,其视频文件扩展名为mp4。
同等条件下,mpeg4格式的视频质量较好,但它的专利被MPEG-LA公司控制,任何支持播放mpeg4视频的设备,都必须有一张MPEG-LA颁发的许可证。
扩展资料:
1、视频格式是视频播放软件为了能够播放视频文件而赋予视频文件的一种识别符号。
2、3GP是一种3G流媒体的视频编码格式,主要是为了配合3G网络的高传输速度而开发的,也是目前手机中最为常见的一种视频格式。
3、MPEG(运动图像专家组)是Motion Picture Experts Group 的缩写,这类格式包括了MPEG-1,MPEG-2和MPEG-4在内的多种视频格式。
4、AVI,音频视频交错(Audio Video Interleaved)的英文缩写,AVI这个由微软公司发布的视频格式,在视频领域可以说是最悠久的格式之一。
5、一种独立于编码方式的在Internet上实时传播多媒体的技术标准,Microsoft公司希望用其取代QuickTime之类的技术标准以及WAV、AVI之类的文件扩展名。