使用 HTML5 创建交互式全动态视频游戏

Question

这个全动态视频游戏的基本部分是：

• 向用户显示一个视频剪辑，该剪辑可以播放到最后，也可以跳过。一个剪辑可以是一个角色说话或一个位置。某些剪辑可能会循环播放，直到用户单击某些内容，例如该剪辑可能会显示鸟类在公园里飞翔。
• 在视频剪辑的某个时间点向用户提供了多个选项，这些选项包括“1. 去公园”或“2. 向该人询问公园的情况”。
• 每个选项都与另一个视频剪辑和另一组选项相关联，例如如果用户选择选项 2，他们会看到该人回答的视频，然后可以跟进更多问题。
• 我希望以上内容看起来无缝且美观。例如，视频剪辑和文本选项应该淡入淡出，我希望页面是全屏的。

是否可以在支持大多数桌面和移动浏览器的同时在 HTML5 中执行上述操作？其他语言会更合适吗？我宁愿不使用 Flash，主要是因为那样我不能轻易支持 iOS。

通过一些研究，在桌面计算机上的所有现代浏览器中似乎很容易实现上述操作，但需要注意的是，与 Flash 不同，似乎没有任何可靠的方法可以使 HTML5 页面全屏显示。 iOS 的情况看起来很严峻：据我所知，视频剪辑只有在用户单击剪辑后才会播放，我不确定是否可以在这些剪辑上叠加按钮。我还读到视频标签在 Android 上可能有问题。

谁能评论我可以使用什么方法来解决这些问题？

编辑： 更多信息：

• 我对它是服务器还是客户端托管没有任何限制。
• 我知道我实际上无法让它在所有浏览器上运行，所以我真的想问：无需编写游戏的多个端口，我可以使用什么方法来定位大量受众？

Answer 1

HTML 5 可以嵌入视频吗？当然。它可以在大多数桌面和移动浏览器上运行吗？好吧，定义“最”。如果我们谈论的是纯数字，那么不是。地球上的许多人仍在使用桌面上的 IE

恕我直言，更大的问题是移动设备上的视频通常由设备处理。我不确定您是否可以超越它。例如，在 iPhone 上，如果我单击一个嵌入的视频，它会将其作为自己的全屏视频弹出。您必须进行试验，看看您是否可以控制它。

最后，这是一款服务器托管游戏吗？如果是这样，通过蜂窝网络抓取一堆视频可能不是用户体验的想法。