带有视频网格的网站 - “说话的头”答案

【问题标题】：Website with a grid of videos - 'talking heads'带有视频网格的网站 - “说话的头”
【发布时间】：2011-09-05 16:52:36
【问题描述】：

我想创建一个网站，显示按网格排序的视频（采访 - 以行和列显示的电影）。我希望它是“一个有谈话头脑的页面”。当用户点击视频时，它开始播放。

我考虑两种方式：

整个网站都是用 Flash 制作的 - 根据用户的屏幕分辨率动态分配每行/列和每页的视频数量。
借助 JS 和 CSS 以 php/html 制作的网站 - 视频由 YouTube 播放器或其他播放器显示，例如JW Player - 视频位置取决于屏幕分辨率。

您认为哪种方式更好（请同时考虑性能）？您还有其他想法吗？

提前谢谢你。

【问题讨论】：

HTML5 视频可以有更好的性能，因为在空闲时几乎没有资源消耗，同时显示 alt 图片。
我认为您正在寻找聊天室。

标签： php html flash actionscript-3

【解决方案1】：

我的意见是你必须使用选项 2。创建 HTML 和 CSS 比 Actionscript 容易得多，而且正如 PimPee 所说，Flash 组件更慢。我不知道任何完全用 Flash 制作的大型商业或娱乐网站，所以我认为你必须使用 PHP/HTML。此外，许多 Flash 功能可以通过使用更快且更易于维护的 JS/Jquery 来复制。当您可以使用 Jquery 时，没有必要在 Flash 中创建滑块、下拉菜单或其他 Web 行为功能。如果您需要非常复杂的动画效果，您应该使用 Flash。

【讨论】：

谢谢，这很有道理。我还有一个问题——我希望动态创建视频的布局——取决于屏幕分辨率。这是个好主意吗？会不会太慢了，尤其是在旧电脑上？
您没有关于屏幕分辨率的问题，因为在 CSS 中您可以以 procents 为单位操作 div 宽度。你可以在 CSS 中搜索 Liquid Layouts。
但是对于像 1920x1080 和 1024x768 这样的情况 - 可以在一行中显示更多视频 - 屏幕更宽？
我读到你想使用网格视图。您需要每个视频的缩略图。通常缩略图的大小是固定的，以像素为单位。这意味着如果您在 1024x768 屏幕上使用 8 个宽约 200 像素的缩略图，您将在一行和两列中拥有 4 个缩略图；如果分辨率为 1920x1080，则必须连续显示 8 个缩略图。另一个重要的问题是放置网格的 div 的宽度。
好的，现在我明白了。生成的缩略图数量可能会完全适合整个屏幕（浏览器屏幕大小）。

【解决方案2】：

我会说 2 号。

因为 Flash 有点慢，并且不能在 ipad/iphone 等设备上运行。

但这只是我的意见:)

【讨论】：