我正在为客户创建一个交互式视频墙。它由9 55＆＃34;液晶显示器采用纵向模式，触摸屏设备包含整个装置。
应用程序的主要部分是用HTML和jQuery以及其他JavaScript编写的。我正在使用一个带有WebBrowser控件的基本C＃应用程序，该控件设置为全屏显示所有9个监视器。索引只是在本地加载，而不是从服务器应用程序传递。
除视频播放外，一切都很顺利。当我在应用程序中启动视频时，播放不稳定。当我播放多个视频时，它似乎并没有变得更糟。我正在使用jQuery插入带有自动播放的视频DOM元素来启动视频，然后在视频的末尾有一个触发器来删除元素。所有视频都是MP4，并且可以从原生的1920x1080 MOV文件缩小到他们需要的大小（960x540）。
整个应用程序中有一些flash元素和一些动画JavaScript元素，删除后，似乎会略微提高视频播放质量。在故障排除期间，我们怀疑它可能是资源不足的问题，因此我构建了一台配备Core i7,16gb DDR4和3x GTX970 4gb卡的机器，没有明显的改进。
我知道WebBrowser控件使用Internet Explorer来呈现页面。当我在Firefox中加载HTML文档并手动拉伸它时，播放也是不稳定的。当窗口仅在一个或两个屏幕上拉伸时，视频就可以了。只有当它达到5-6监视器标记时，质量开始降低。
如何让这些视频流畅播放？通过QuickTime播放未压缩的MOV文件，或者将MP4文件转换为flash元素来播放是否有帮助？我是否会更好地用Flash或C＃等编译语言重写整个程序，而不是将其作为大型网页运行？