我试图使用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();