电脑每次开机都断网重新启动就会断网

来源：蜘蛛抓取(WebSpider) 时间：2017-12-01 00:25 标签： 睡眠就会断网
扫描二维码用手机看文章html5网页视频播放器插件下载video-js.swf
资源人气：
下载所需积分&:&1&分
资源来源：
添加收藏：
反馈报错：
文件大小：
添加时间：
&&您也可以查询相关Tags: &&&&
转载文章，请注明文章来源
，并标明原文地址：
&&&& 不会使用本站js代码的同学请看看这里：
※ JS代码分类
本月人气排行
永不收费【客户主动赞助除外】
欢迎大家积极投稿
只发布精品代码和文章
投稿有价值的内容为您增加外链浅谈html5 video标签嵌入视频
浅谈html5 video标签嵌入视频
&前面谈到了网页怎么嵌入flash视频，就想到了另一个问题，flash格式视频在手机上播放，需要手机安装flash播放插件，而且flash视频绝对无法在苹果手机上播放，因为苹果对flash的不支持，导致现在flash前景堪忧。当然目前已经有些插件可以支持苹果手机播放flash视频。
&&这里就要谈一谈html5的video标签了。html5功能的强大是毋庸置疑的，而且作为一款为苹果量身定做的前端技术，现在html5对各浏览器的支持也越来越好，在手机端的支持也是让我觉得没有什么可以相比的。
在html5中嵌入视频非常简单，仅仅只需要如下代码就可以实现了：
&video id=&media& width=&720& height=&400& controls&&
&&&source src=&/content/trailer.mp4&&
&& &source src=&/content/trailer.ogg&&
&&&/video&
html5标签的属性：
autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。height pixels 设置视频播放器的高度。loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。muted muted 规定视频的音频输出应该被静音。poster URL 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。preload preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 &autoplay&，则忽略该属性。src url 要播放的视频的 URL。width pixels 设置视频播放器的宽度。
当然，如果想要很漂亮的播放外观呢？那么就可以用html5播放器了，目前有很多html5播放器，比如
本人觉得videojs是一个很不错的选择，下面就介绍下这个播放器的使用。
第一步：在官网下载video.js和video-js.css以及video-js.swf
第二步：在head标签引入
&!--video.js html5视频播放器--&
&link rel=&stylesheet& type=&text/css& href=&assets/lib/css/video-js.css&&
&script src=&assets/lib/js/jquery.js&&&/script&
&script src=&assets/lib/js/movive/video.js&&&/script&
&!--IE低版本支持--&
&script src=&assets/lib/js/movive/html5media.js&&&/script& 可以看到有一个html5media.js的类库，这个类库是对IE低版本的支持，大家都知道，IE对html5的支持不太好，这个看项目需求可以加入。直接网上就可以下载。
第三步：body里加入video标签
&video id=&Html5Video& class=&video-js vjs-default-skin& preload controls autoplay
width=&100%&
poster=&assets/images/movie/poster.jpg&&
&source id=&src1& src=&assets/movie/video.mp4& type='video/mp4; codecs=&avc1.42E01E, mp4a.40.2&' /&
&source id=&src2& src=&assets/movie/zhiyan.ogv& type='video/ codecs=&theora, vorbis&' /&
&source id=&src3& src=&assets/movie/linyoujia.webm& type='video/ codecs=&vp8, vorbis&' /&
您的浏览器不支持 video 标签。
&/video&html5支持三种格式的视频：mp4,ogv,和webm。首先要准备一个 mp4 格式的视频(h264)，可以在苹果设备中使用；其次要准备 ogv 格式的视频，用在火狐浏览器中；最后要准备一下 webm 格式的视频，这个可以用在谷歌浏览器等。这样就确保支持几乎所有的主流浏览器了。
在这里还要多说一点，可能是技术发展的原因，各种浏览器对这三种格式的支持没有那么绝对了，比如：mp4格式的视频，在谷歌,搜狗，火狐，手机端等都可以正常播放，其他两种格式大致也是这种情况。而且，video标签对视频格式的支持好像也没有那么绝对了，至少我放入wmv,avi格式的视频也是可以播放的，感兴趣的同学可以试试啦，这里我就不多讲了。
在这里要重点强调的一点是视频的准备，我们准备mp4,ogv,webm格式的视频，可能会遇见明明是mp4格式的视频，为什么不能播放呢？而且用一些转码软件转码视频给mp4,ogv,webm格式的视频也是无法播放，这里可能是转码的问题，比如：mp4要求是h246，可是按照要求转码后，可能还是无法播放。这里给各位大侠推荐一款视频转换软件，专门为html5量身定做的：Freemake Video Converter。直接转码为html5视频，就会转换给MP4,ogv.webm三种格式的视频，并且会生成相应的代码。
第四步：js
&script& _V_.options.flash.swf = &assets/lib/js/movive/video-js.swf&;&/script&
加入这段代码，就可以在不支持的浏览器自动切换为flash播放。
最后，在服务器部署后，会发现视频可能无法播放，这是因为IIS里我们没有配置mime类型的支持，把mp4,ogv,webm这三种格式的支持都配置好了，视频就可以正常播放了。至于如何配置，百度搜索一下就知道了，有很多的，而且最好配置的文件类型要符合相应的格式，但我试了一下，发觉文件类型没有什么影响...如果配置后，还是无法播放，那么可能就是文件类型不对，具体看情况而定吧。
我的热门文章
即使是一小步也想与你分享我的网站,欢迎您的光临！
当前位置：>>>>>>
html5网页视频播放器插件下载video-js.swf
来源：未知
编辑：管理员
推广网址赚积分
文件大小：0.28 MB
下载次数：
所属分类：
☉推荐使用迅雷或快车等多线程下载软件下载本站资源。
☉未登录会员无法下载，登录后可获得更多便利功能，如未注册，请先。
☉如果服务器暂不能下载请稍后重试！总是不能下载，请,谢谢合作！
☉本站所有资源（包括模板、素材、软件、字体等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加建站厅交流()进行交流。&
☉人民币与M币率为1比100,即1元=100M币.有任何疑问请!
需要：0M币
相关推荐图文
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
本类排行榜

我要回帖

更多关于 睡眠就会断网 的文章

 

随机推荐