jquery – 使用JavaScript为iPad插入HTML5视频

我试图使用jQuery for iPad将视频插入到 HTML中,但我看到的只是一个黑色的屏幕.如果我将视频标签直接添加到HTML页面,似乎都可以正常工作.

这是我在JavaScript中的,我使用onClick事件的函数来调用它.

var html = "";
html += '<video id="someVideo" width="'+settings.width+'" height="'+settings.height+'" controls="controls">';
html += '<source src="'+url+'"  type="video/mp4" />';
html += '</video>';
$("#videoDiv").html(html);

如果我在身体内部创建一个视频标签,一切都似乎正常

<video width=708px height=300px controls="controls"><source src="video.mp4" type="video/mp4"></video>

我计划JavaScript的原因是我在同一页面上有很少的视频,并希望用户选择一个视频被视为反对一个页面上的一个视频…任何想法也将有所帮助

任何帮助将不胜感激
谢谢

解决方法

iPad的Webkit中有一个错误,可以阻止动态创建的视频元素正确加载.

要设置源属性,并在设置html后调用视频元素加载方法

var html = "";
html += '<video id="someVideo" width="'+settings.width+'" height="'+settings.height+'" controls="controls">';
html += '<source src="'+url+'"  type="video/mp4" />';
html += '</video>';
$("#videoDiv").html(html);

$('#someVideo').attr('src',url);
$('#someVideo')[0].load();

原文地址：https://www.jb51.cc/jquery/176231.html