使用JavaScript for iPad插入HTML5video

我正在尝试使用jQuery for iPad将video插入HTML，但我看到的只是一个黑屏。 如果我将video标记直接添加到HTML页面，似乎一切正常。

这是我在JavaScript中的内容，我使用onClick事件的函数调用它。

var html = ""; html += ''; $("#videoDiv").html(html); 

如果我在体内创建一个video标签，一切似乎都运行正常

我计划使用JavaScript的原因是我在同一页面上只有很少的video，并且希望用户选择一个video来反对页面上的单个video……任何想法都会有所帮助

任何帮助将不胜感激谢谢

Answer 1

iPad的webkit中存在一个错误，可以防止动态创建的video元素正确加载。

为了解决此问题，请设置源属性，并在设置html后调用video元素加载方法

 var html = ""; html += ''; $("#videoDiv").html(html); $('#someVideo').attr('src', url); $('#someVideo')[0].load(); 

Answer 2

Re ampts回答：请注意，只有当您的代码由用户操作（如点击处理程序）触发时，才会在video元素上调用load（）。

对我来说，这不起作用，因为苹果似乎并不认为历史处理程序（哈希更改）是用户触发的处理程序。

有关更多详细信息， 请参阅有关javascript和video元素的Apple文档

Answer 3

我计划使用JavaScript的原因是我在同一页面上只有很少的video，并且希望用户选择一个video来反对页面上的单个video……任何想法都会有所帮助

将所有video放在页面上，每个video都带有“display：none”样式。 然后.show（）点击事件上的相应div。