我的朋友在这个过程中拉打开“蒸气栏”。如果您有没有碰到过这个概念来它就像一个葡萄酒酒吧，电子蒸发器的爱好者（也称为电子香烟）可以去品尝所谓的“电子液体”或“E-果汁。”这些电子液体是丙二醇（PG）的混合物中，植物甘油（VG），并且任选地与矫味剂，其使像传统的烟草香味或多个新颖的如泡泡糖和巧克力的味道沿尼古丁。
而E-CIG技术，今天主要是基于使用电加热线圈蒸发的液体混合物，最初发明成为烟丝现在有这么长大了周围整个文化一个更安全的替代品“vaping。”它已经成为一个巨大的和迅速增长的业务，销售电子烟从大约50,000在2008年，2012年增长到350万。
所以，我帮助我的朋友们建立自己的网站，我有这样的想法：该业务是被称为“拉蒸气”，所以如果有什么网站了在浏览器窗口中的配合来一补的视频显示移动蒸汽背后他们的内容？这将使一个非常酷的看着网站，它给了我一个理由去尝试一个开源的JavaScript库调用BigVideo.js。
BigVideo.js要求的Video.js，一个开源的HTML5视频播放器，同时还依赖于jQuery的（一个基本的JavaScript库）jQuery UI的（“策展组用户界面交互效果，窗口小部件，并内置了jQuery的顶部主题”），和jQuery的imagesloaded插入。您也可以选择使用近代化库以检测HTML5和CSS3功能都可以在浏览器上whick允许您以适应移动设备不允许将影片自动播放。
如果您尝试使用BigVideo.js，予以警告;你需要在bigvideo.css仔细看，你会最有可能需要调整它，你用它来得到你的内容布局，以正确显示任何其他CSS。
您还需要创建或获取要使用的视频。这些都需要在MP4格式，并且最好保持短除非你打算使用一个很好的内容分发网络，以尽量减少加载时间。BigVideo.js，约翰Polacek的，报告的作者建议得到一个Vimeo的专业账户（每年$ 199页），它允许您使用存储在自己的服务器和CDN上的视频，而无需使用Vimeo的球员。如果你想支持Firefox浏览器，你还需要创建一个OGG Theora格式要么WebM的视频的版本，这样的Firefox可以发挥它。
通常你会发现你喜欢的视频会在错误的格式，或者尺寸不合适。对于转换成MP4格式和调整我通常求助于使用手刹，一个免费，开源可用于Windows，Mac OS X和Linux的工具，可以可靠地转换大多数视频格式。不幸的是手刹不处理的Ogg Theora格式格式，所以我结束了使用另一种免费的开源工具，米罗视频转换器（也可用于Windows，Mac OS X和Linux），它转换几乎所有的视频文件的MP4，OGG Theora格式，WebM的或。我真的很喜欢米罗是它非常干净的用户界面，并预置了包括苹果电视，iPhone手机，iPod播放器和iPad不同的目标设备。它也做批量转换和自定义大小调整。
无论如何，我的最终代码看起来像这样：