为什么国内没有像YouTube一样一家独大的视频网站？

这个问题本身就提得有问题，为什么这么说，这是因为YouTube本身就不是一个视频网站或者说YouTube不是一个传统的视频网站！！！

YouTube能够一家独大，可不仅仅是因为有了Google这个亲爹，还有一点，跟本身的技术和产品积累有很大关系，就好比Google这个搜索引擎，做大了就很难被其他同类型产品替代了，一个是用户习惯问题，另一个重要的原因是本身技术的积累。

首先来回答，为什么YouTube不是一个真正意义上的单纯的视频网站而已，准确的是，YouTube是一个个性化推荐引擎，说到个性化推荐引擎，很多人可能感觉到疑惑。那么我举个例子吧，今日头条、网易云音乐就是国内做的最好的两个个性化推荐引擎。

今日头条如今已经是100亿美金估值的创业巨头，也是超级独角兽了，比起滴滴更有潜力成为超级巨头，甚至有超越uber和小米的可能。

而网易云音乐，则是作为后起之秀，在竞争激烈，众强相争的音乐行业，杀出了一条血路，短时间就拿下了3亿用户，并且在日活、月活上更是具有很大的优势，更是拥有了良好的用户口碑，在程序员和产品经理为主的互联网技术行业更是拥有一大批铁杆粉丝。

而YouTube则是更强大的专业的个性化推荐引擎，经过长时间的打磨，YouTube已经成为超10亿的用户群。而优酷、爱奇艺和腾讯视频则是真正的视频网站，没办法根据用户的兴趣进行精准的用户推荐。

国内的互联网网站，是商业为导向，商业价值和版权决定了用户，而YouTube则是完全的用户价值为导向，用户价值决定最终的商业价值。国内几家视频网站在版权上都没有任何一家有绝对的优势，一方面在影视剧方面资源互通和共享，而腾讯视频则是重金砸下了很多体育赛事例如NBA的版权，爱奇艺更是通过多部热播的自制剧一月超越竞争对手稳坐第一的位置，优酷一直在分享视频上占据优势，遗憾的是被阿里收购了以后，不免又走了天天动听和UC浏览器的老路，慢慢走向了衰落的道路，从优酷土豆合并以后再次下滑到老三的地步。

更深一点来说：

1、视频质量上

毫无疑问，视频质量上YouTube几乎对国内视频网站碾压式的存在，国内的视频网站的高清简直就是耍猴，并且国内视频网站要看1080P(我们姑且认为是1080)以上的视频很多都是要会员的。

2、广告投放

在广告投放上，这一点不许多说，Google在YouTube的广告投放上可以说是到了吹毛求疵的地步，对广告的质量都很高，再者就是，YouTube率先开放的可以看几秒跳过广告的模式，这一点简直就是超级大杀器。

这一点不仅不会对广告商产生负面影响，并且给予Google几十亿用户的大数据积累来看，这样的广告模式是最好的，并且用户对于广告的集中和忍耐度也就那么几秒的时间。

3、资源上

资源上就不需要多说了，YouTube聚集了全世界最好最丰富的资源，而且用户可以自由上传，国外重视版权但同时也注重分享，这就让YouTube拥有强大的用户资源，这也是个性化推荐引擎的本质，每个用户不同，但是用户决定价值。

4、流量入口和用户口碑

Google作为全世界最强大的搜索引擎，拥有绝对的流量主导权，同时Gmail作为全世界最强大的邮箱系统，Gmail作为Google的账号体系，具有强大的用户积累，Google长期以来的的用户口碑也很好，这一点上，YouTube被Google收购以后，更是背靠Google的流量和用户积累，享受到Google的口碑福利。

因此，依靠Google的资源，本身强大的用户积累以及技术积累，强大的个性化推荐算法都让YouTube可以立于长足的不败之地。这就是为什么YouTube一家为大，但是国内的视频网站很难独大的原因。

html5和CSS3如何实现PC端和手机端网站一样的展示效果？

你说的是最好的做法，非常有悟性。需要配合viewport使用。不要通过分辨率判断，手机分辨率越来越高了，电脑也可以通过缩小窗口甚至ctrl+拖动滚轮缩放，分辨率无法区分设备。而更重要的是，二维码之类的链接，手机上和电脑上的行为也确实应当加以区分。因此css3@media自适应的做法，撇开兼容性不提（用js适应也一样），也只适合确定设备类型后的细化呈现。不要通过触摸事件判断，有的电脑鼠标触摸两用，而且无法区分平板。

html5网站建设，html5网站建设有什么好处？

html5在代码方面来说增加了很多功能，浏览器解析起来更直接更准确；html5在程序员方面来说使用起来更容易，有些复杂的效果可能一个标签就能解决；html5在网站方面来说更大气，看起来更高级，页面自适应更方便；html5在用户方面来说不需要建多个不同分辨率的网站，管理起来更简单也更省钱；html5在浏览者看来更能给人一种信任感，毕竟一个牛B的网站是实力的象征。

HTML5如何实现图片上显示视频的效果呢？

感谢头条邀请！

浏览器支持:

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 标签。 注释：Internet Explorer 8 以及更早的版本不支持 标签。

定义和用法

标签定义视频，比如电影片段或其他视频流。

提示和注释

提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

属性:

new : HTML5 中的新属性。

属性值描述autoplayautoplay如果出现该属性，则视频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。heightpixels设置视频播放器的高度。looploop如果出现该属性，则当媒介文件完成播放后再次开始播放。mutedmuted规定视频的音频输出应该被静音。posterURL规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。preloadpreload如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。srcurl要播放的视频的 URL。widthpixels设置视频播放器的宽度。点击视频预览图实现播放或暂停视频

首先要设置video的预览图，这时 中的poster属性很好的完成了这个工作。 关于视频的播放控制需要用到video的dom事件，这里先不详述了，以后有机会再将其详细属性搬运过来。这里主要运用到了play() ；pause()这两个事件。

下面是一个自己这两天写的通过点击视频预览图实现视频播放或暂停

HTML部分：

js部分:

国外有哪些比较优质的网站推荐？

答案：

1. 地球在轨漂浮物查询（789esports.com）。在这个网页中，我们可以看到地球外的每一个漂浮物的名字、位置、运行轨迹。

2. 假装电脑在升级（saichedianjing.com）。这个网站可以生成一个假的系统升级界面，在这个界面可以伪装Windows、macOS等多个操作系统正在升级的画面。还有前段时间的勒索病毒界面。

3. 伪基百科（axa888.net）是一个搞笑网站，功能界面与维基百科高度相似。其口号是“the content-free encyclopedia that anyone can edit”(人人可以编辑的恶搞百科全书）。

4. Quotev，一个主打各类问题在线测试的网站。如“你是哪个电影人物”、“哪国政府更接近你的政治观点”、“你是不是女权主义”等等。

5. Libray Genesis，可以搜索并下载各种外文书籍电子版的网站。资源很全，电子书籍质量也非常高。

6. In Pieces，一个公益网站，希望通一些方式来呼吁人们更多的关注和保护濒临灭绝的动物。网站利用HTML5绘制了许多珍稀动物，均有CSS小片组织而成，色彩搭配非常惊艳。

7. Wordart，可以一键搞定文字云的在线平台。

8. 阿黛浓美术馆是芬兰历史最悠久的美术馆。收藏了大量芬兰美术黄金时期的经典作品，包含梵高塞尚、高更等著名画家的杰作。

9. Gallerix，在线绘画艺术图库，该网站收集了16万多幅世界著名画家的画，西方著名画家的作品基本收录全了，而且还是高清大图！

10. The Internet has a Cat，网站提供猫在各种情绪下的呼噜与叫声，一个云养猫的实例。

作者：猫咪9001链接：来源：简书简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。