视频标签的Javascript操作

Question

我正在尝试在编码为MP4的iPhone上播放视频，但扩展名和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

通过使源标签的属性type定义为MIME类型，可以使浏览器知道预期的内容，但这并不是问题所在。 MP4是一种MIME类型，但不会告诉您的浏览器视频使用哪个编解码器压缩。 该文件应该执行此操作，但是在您的情况下，似乎混淆了。

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

您应该真正读一下，因为它是Web Video的最佳介绍： 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();

希望这可以帮助！