播放JavaScript文件中的视频

编程问答 2022-06-07

问题描述

我想制作HTML迷你游戏，并在最后插入一小段视频。

但是，任何视频格式均不得包含在用于上传此游戏的最终存档中（仅.html，.css，.js，.jpeg，.jpg，.png）。

是否可以将视频文件（mp4）直接硬编码为.js文件？

目前，我正在考虑几种解决方案：

  1. 只需将video.mp4文件的扩展名更改为video.js，然后尝试设置适当的MIME类型即可以HTML格式播放此视频。甚至有可能吗？

  2. 将video.mp4文件转换为Json数据并将此数据插入.js文件，然后以某种方式播放。我找到了this converter，但似乎不起作用，也找不到如何播放转换为HTML的Json视频的信息。

  3. 搜索WebAssembly解决方案。

是否存在将视频嵌入到javascript文件中的可靠方法？

解决方法

您可以使用base64编码的视频

<video>
   <source type="video/mp4" src="data:<your encoded video>" />
</video>
htmljavascriptvideovideo