h5短视频

1、有一个html5页面，上面有很多视频的一帧图，想点击图片弹出一个小窗口播放该视频。

2007年W3C(万维网联盟)立项HTML5，直至2014年10月底，这个长达八年的规范终于正式封稿。
过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现，这个世界的发展趋势确实就是这样。
熟知历史才能预知未来，先让我们来看看HTML5为什么诞生、这8年是怎么过来的。
一、 HTML5的诞生
自W3C于1999年发布HTML4后，Web世界快速发展，一片繁荣。人们一度认为HTML标准不需要升级了。一些致力于发展Web App的公司另行成立了WHATWG组织，直到2007年，W3C从WHATWG接手相关工作，重新开始发展HTML5。
HTML5的发展史，有用户的需求在推动，有技术开发者的需求在推动，更有巨大的商业利益在推动。
在互联网的早期，对用户而言，能打开浏览器接入到互联网世界就是一个神奇的事情，但互联网发展到2005年前后，开始出现下一个变化，就是宽带互联。
随着宽带的普及和电脑性能的增强，人们不再满足于单纯的通过互联网看新闻、收发邮件，消耗更高带宽的娱乐产品开始出现，就是流视频和网页游戏。其实视频和游戏是古老的需求，在互联网不普及的时候，需求的满足方式是离线传输的VCD和游戏光盘;后来互联网逐渐普及，人们更改了使用方式，通过下载软件+本地媒体播放器来看视频，下载体积较大的端游玩游戏。
但是对消费者体验更好的新方式还是出现并颠覆了以前的一切，那就是流媒体和网页游戏。Youtube等公司把握住潮流飞速崛起，各种页游公司也如雨后春笋。
但是HTML标准没有把握住产业的变化及时演进，浏览器产品也未升级，这块新需求被浏览器插件满足了，那就是Flash。这个部署在亿万浏览器里的商业插件俨然成为事实标准。2005年Adobe巨资收购Macromedia，把Flash收归旗下，紧接着大幅推广FLV流媒体和action script语言，很明显这桩收购可以列为IT并购的经典案例，FLV流媒体和Flash游戏风靡互联网，Adobe在新的产业升级中攫取了大量的利润。
除了Flash这个商业产品成为了事实标准，W3C还面临一个尴尬，就是另一个私有扩展协议的制造者—IE。IE当时在桌面浏览器占有垄断地位，并且扩展了大量的IE Only语法，开发者完全不知道这些语言是谁定义的。整个web世界，就被两家公司微软+Adobe绑架了。
很多IT巨头都坐不住了，尤其是苹果和Google。PC操作系统的世界难有突破，Web浏览器被苹果寄予厚望，而且第一代iPhone只支持网页，那时还没有Appstore，Safari是乔布斯非常看重的产品;新贵Google虽然大量赞助Mozilla，但并未对IE的地位产生实质影响，收购了YouTube后发现底层被Adobe控制，也是非常难过，而且Google每年给IE的搜索框和Adoble FLV缴纳的费用真不是小数目。
既然大家都是W3C的主席单位，好吧，我们重新开始做HTML5吧。
是的，HTML5其实就是这么诞生的。那是2007年，IE和Flash由盛转衰的转折点。
二、 HTML5第一阶段： Web 增强与破垄断
自HTML5诞生以来，一共经历了两个阶段，分别是Web增强和移动互联网。我们先从Web 增强说起。
web体验的丰富增强主要表现在：1. webapp，比如gmail;2. 流媒体;3. 游戏。我们就这3个方面来讲HTML5做了什么。
1. webApp
HTML5新增了离线存储、更丰富的表单(比如Input type=date)、js线程、socket王乐、标准扩展embed、以及很多css3新语法…
2. 流媒体
HTML5新增了audio、video
3. 游戏
HTML5新增了canvas、webgl
当然还有Google努力在HTML5中推进Header和Section等标签，以利于搜索引擎分析，这些不多述。
HTML5补充流媒体和游戏能力后，加上苹果强势拒绝在iOS上引入Flash，成功的遏制了Flash的发展，然后就该遏制IE私有语法了。
在HTML5标准的升级过程中，苹果和Google同时也看到了浏览器市场重新洗牌的机会，他们一方面参与HTML5的规范，一边在浏览器产品上发力。Apple首先开始大力发展Safari，建立WebKit开源项目，Mac、iOS、Windows多平台齐发力;Google起初是赞助Mozilla开发Firefox，后来自己开发了v8引擎，合并WebKit，于2008年正式推出Chrome。“IE的私有规范+Flash不是标准，我们才是标准”这样的口号在新一代浏览器大战中打响，IE瞬间成为千夫所指的垄断代表，甚至成了阻碍Web发展的罪人(当时IE6已数年未更新，并且丝毫不惧Firefox的发展)。
偏偏微软此时也出了晕招，推出了一系列即不完整支持规范又互相不兼容的IE7、8、9、10，彻底失去了开发者的心。
Adobe的Flash被遏制，与Web霸主的位子擦肩而过;IE的私有标准被遏制，并且造成IE市场份额不停下滑，直到IE最新的移动版本反过来开始支持WebKit私有语法，真是令人唏嘘。不知道HTML6是不是该打倒WebKit垄断了。
三、 HTML5第二阶段： 移动互联网
未来待续。。。。

网络知道不让放那么多字，来源链接为：http://e.9miao.com/group/5/thread/149

2、html5 video 试看 怎么实现

new个video，指定播放列表的第一个视频路径为src。监听end事件，回调里面把video的src改成列表的下一个，再play

代码示例：
var vList = ['视频地址url1', 'url2', '...']; // 初始化播放列表
var vLen = vList.length; // 播放列表的长度

var curr = 0; // 当前播放的视频
var video = new Video();
video.addEventListener('end', play);
play();

function play(e) {
video.src = vList[curr];
video.load(); // 如果短的话，可以加载完成之后再播放，监听 canplaythrough 事件即可
video.play();

curr++;
if (curr >= vLen) curr = 0; // 播放完了，重新播放
}
可以实现html5 播放多个视频。一个接一个的播放

3、29岁，两年多新媒体经验，做的小众订阅号，粉丝3000人，期间还做过设计，H5, 短视频（模板），

有一句话，记不太清，“2017年，十几个人创业经营一个公众号，团队人均工资过万，做了一年，阅读量破300”这是2017年自媒体人最嗨的一句话。
再给你两个实例参考。
某大咖公众号招聘写手，保底5000，唯一要求，三篇以上10W 爆文经验。
新媒体业内原创写手行情价格，1000字100以上，搬砖严禁约稿。
那么你看明白没？第一公众号现在很难再做出成绩，第二，新媒体行业注重的是原创及会写营销爆文的能力。
所以，先别考虑你的条件适合多少薪资，找一个做日活量高的平台，这样的新媒体工作，沉淀下来，累积你做爆文的经验，不用管自己的年龄，会做爆文了你的价值会越老越值钱！

认同请关注，采纳，谢谢。 来自职Q用户：愚者老何
我不知道，工资是什么东西，你拿他做什么，我的理解是，工资是体现技术的表现，工资是生存的基础，只要能满足生存条件，多少没有区别，攀比是一种奢求，更好的生活方式是一种不断的欲望增长，曾经有人卖眼镜为生，一年只卖有数的几个，目的就是为了生活，有人放弃爵位，目的只是为了平静的生活，凡人没有这个想法，只有欲望的不断增长，自认为自己有多大能力，总认为自己的付出与回报不成正比，这也是欲望的增长，欲望的增长人的人格就会降低。我认为，你的工资3000块钱就可以，因为你的能力会使你的报酬增加，正所谓，门槛低点，多出来的都是挣得，门槛高了持平也是赔钱。若果相信我，工作是自己喜爱的行业，不要在鼓励工资高低，努力学习钻研，有朝一日你掌握了核心科技，薪资不是别人说了算是你说了算，一个粉笔道谁都会画，成本不足一角钱，可是画在了适当的位置，没有人知道画在哪的时候，它的价值是要翻上多少倍，把欲望放低，人格，魅力，技能薪资都会提升，人格和薪资只有增长，没有一次到位。 来自职Q用户：自渡匿名不回复

4、2020年有哪些新的短视频平台?

短视频

1、抖音：抖音短视频APP是拍摄音乐短视频的工具，

也是许多达人们最爱用的软件之一，

抖音短视频APP还是一个娱乐社交平台，

聚集了一批懂音乐爱音乐的达人。特点：可以进行独家的原创音乐创作，

还可以进行音乐迷你剧的形式，

也可以把视频进行多段混剪，

发起挑战，

拍视频时也可以用美颜滤镜和酷炫可爱的表情特效。

2、快手：快手的前身，叫“GIF快手”，快手的内容覆盖生活的方方面面，用户遍布全国各地。

快手是一个非常简单的软件，可以让你用最快速的方式记录生活中有趣的瞬间。

在快手上，用户可以用照片和短视频记录自己的生活点滴，也可以通过直播与粉丝实时互动。

特点：快手上线直播功能，直播在快手仅具附属功能，快手随时可以拍，记录与分享。

3、美拍：美拍APP是一款来自美图秀秀旗下的一款非常有意思的段视频拍摄应用。美拍app可以将整段的视频拍摄成MV特效，美拍app自动配乐、智能剪辑、顶级滤镜功使得你仅仅通过你的iphone就可以拍摄出没美轮美奂的MV。特点：可以在直播中使用魔法自拍表情，首创MV特效，智能剪辑与精美滤镜，视频美颜实时美肌。

4、火山小视频：火山小视频是一款15s原创生活小视频社区，15秒做出你专属的小视频，添加文字涂鸦特效，快速记录生活每一个有趣瞬间，展示你的才艺、创意、兴趣爱好，拍你所爱、秀你所想。

特点：能够快速创作短视频，拥有极致的视频特效，还能进行高颜值直播Live，还能刷炫酷礼物打赏2020年1月，火山小视频更名为抖音火山版，并启用全新图标。

5、秒拍：2013年上线的秒拍是目前新浪微博官方短视频应用，拥有大量内容创作者以及丰富的内容分发渠道。秒拍主要面向发布视频的人，媒体属性十分突出，明星大V的手机里一定少不了秒拍这一视频工具。

是一个集观看拍摄剪辑分享于一体的超强短视频工具，更是一个好玩的短视频社区。特点：支持手动缓存自己喜欢的视频，随时想看就看不费流量。拍摄视频可识别多种手势及表情，也是一个好玩的短视频社区。

6、梨视频：梨视频是全球领先的专业新闻短视频平台，由深具媒体背景的专业团队和遍布全球的拍客共同创造，专注提供精彩的一手短视频报道。

梨视频涵盖许多领域，为移动互联网时代的视频生产和消费提供了新标准。特点：成为拍客立享收益，离线下载轻松观看还有独家原创内容，原创精品短视频。

7、西瓜视频：西瓜视频是一款专注视在线频播放的客户端软件，免费使用。其中集合了互联网流行的搞笑、体育、纪录片、经典动画、探秘未知视频，您可在线享受西瓜视频软件内全部免费视频。

特点：西瓜视频支持无线网络WIFI（WLAN）及3G网络在线观看视频，播放清晰、流畅。

8、小咖秀：小咖秀是一款时下最火的对嘴型短视频app，小咖秀整集介绍了时下最流行的对嘴表演秀，是一款自带逗比功能的视频拍摄应用，用户可以配合小咖秀提供的音频字幕像唱KTV一样创作搞怪视频，同时小咖秀还支持视频同步分享。

特点：小咖秀内置了很多经典的音乐和影视桥段供拍摄者使用，提供了在线音频库大量精选音频可以下载使用。

9、VUE：VUE是近期一款大热的短视频app，别看这款工具给人感觉比较轻巧灵敏，但它却是你在手机上快速拍摄+编辑出一段优质短片的最好选择之一。

特点：VUE的界面十分简洁，使用功能也不复杂，包括即时的视频滤镜、分段录制和后期的剪辑和编辑处理，滤镜多样。

10、小影：小影同样是以视频为传播内容的社交平台，于2013年上线，与其他短视频APP限定的10秒左右视频时长不同，小影限定的视频时长为5分钟。

特点：在功能和性质上，小影更偏向于视频创作的工具体验，视频处理和剪辑功能较为强大。小影长达5分钟的视频时长以及强大的后期处理功能。

11、微视：微视，腾讯旗下短视频创作平台与分享社区，用户不仅可以在微视上浏览各种短视频,同时还可以通过创作短视频来分享自己的所见所闻。此外,微视还结合了微信和QQ等社交平台,用户可以将微视上的视频分享给好友和社交平台。

5、什么是H5?H5到底是什么?

6、h5视频怎么制作？

H5视频是将本地视频嵌入到H5中，实现点击播放，现在比较流行的是视频交互式H5玩法。

H5交互视频可以通过H5工具和代码开发实现。

代码开发最直接，只要开发人员技术够硬（预算够），流畅度那都不是事。另一种方式是H5工具实现，即使用可视化的交互编辑器，一般自带有video组件，可以自定义上传原画质的视频，有两个关键：

一是可做复杂逻辑性交互，比如按照多个逻辑故事线推进的视频可被点击播放、暂停、停止，按用户选择播放；

二是加载速度挺快，这点我们都知道，除了前端需要做一些压缩和预加载的工作，服务器也得提供足够的带宽确保高密度、高峰值的用户访问。

我们按照满足这两点来去推荐交互H5工具，自然想到意派Epub360，综合了以上两点，且稳定、易上手操作，很多优秀的设计师借助这款工具将H5交互案例完美的表现。像《王小艺的朋友圈》《Dr.魏的这波操作我赌你破解不了！》、《【揭秘】知名公司的产品经理真实的一面……》等。

Epub360制作本地视频的优势：

逻辑清晰的编辑界面

从上传到点击播放、iOS自动播放只需要几步，勾选一下的事情，一杯咖啡没喝完，事就办好了；

服务器环境

Epub360的用户，大部分是专业的广告创意策划专业人士，所制作发布的H5，多少都具备相当的传播性。这些H5作品，具有跨地域、全天候传播的特点，引爆朋友圈的H5，还会有巨量用户访问量、同时在线用户数多的特点。

为此，Epub360平台为大家提供了最佳的网络技术支撑服务，采用了业界最具专业性各种网络服务，包括：内容分发网络、负载均衡、服务器弹性伸缩等。

视频预处理转码

HTML5对视频格式有要求，最好是AAC H.264 MP4格式，Epub360针对所有的视频进行统一预处理，确保视频可以快速加载，流程播放。

7、如何在HTML5中改变视频大小为1000px 600px

你可以在你的视频标签里面添加width="1000px" height="600px"
比如下面是我用<video>标签搞的视频，那就如下：
<video width="500px" height="500px" controls>
<source src="HD-My Heart Will Go On 2007拉斯维加斯(Live In Las Vegas 2007) 现场版--音悦Tai.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

8、H5页面的视频多少兆大小比较合适？

一般来说 视频如果是手机上播放的话 越小越好，考虑到清晰度 建议MP4格式 保持在50M以下可以最大限度的保证流畅度