Javascript操纵视频标签

Question

我正在尝试在iPhone上播放视频，该视频编码为MP4但具有错误的扩展名和mime类型（无法在服务器上更改）。

如果我使用类似的东西：

<video width="320" height="240" controls>
  <source src="internal.mp4" type="video/mp4">
  <Your browser does not support the video tag>
<video>

我可以使用Javascript / jQuery让视频播放器认为其播放名为internal.mp4的文件但实际上正在播放

http://192.168.0.1/video.tjc

Answer 1

source-tag的属性type用于定义MIME类型，测量您的浏览器知道会发生什么，但这不是真正的问题。 MP4是MIME类型，但不会告诉您的浏览器视频压缩的编解码器。该文件应该这样做，但在你的情况下它似乎混淆了。

无论如何，HTML5中有一个Codec属性，如下所示： http://www.rfc-editor.org/rfc/rfc4281.txt

你应该读到这一点，因为它是网络视频的最佳介绍： http://diveintohtml5.info/video.html

在这里，您可以找到所有编解码器类型参数的完整列表： http://wiki.whatwg.org/wiki/Video_type_parameters

Answer 2

尝试这样做：

$('#divVideo video source').attr('src', videoFile);

然后：

$("#divVideo video")[0].load();

希望这有帮助！