使用html5看视频黑屏,HTML 5动态加载的视频导致iPad上的黑屏

我通过更改代码中的video标签src动态加载视频。当我在ipad上试用我的代码时(不知道它是否可以在模拟器中运行)，第一个视频播放正常，但下一个只能给我一个黑屏。我已经尝试先播放第二个视频(检查编码问题)，它播放良好。HTML 5动态加载的视频导致iPad上的黑屏

这里是我的JavaScript函数加载/播放视频：

$('a').click(function(){

switch(video){

case 0:

loadVideo('path/to/myvideo.mp4');

break;

case 1:

loadVideo('path/to/myvideo2.mp4');

break;

case 2:

loadVideo('path/to/myvideo3.mp4');

break;

// etc

}

video++;

});

而且我的body标签里面的html：

function loadVideo(video_path){

var vid = document.getElementById('v');

vid.src = video_path;

vid.load();

// play the video once it has loaded

vid.addEventListener('canplaythrough', function(e){

vid.style.display = "block";

vid.play();

}, false);

// hide the video container once the video has finished playing

vid.addEventListener('ended', function(e){

vid.style.display = "none";

}, false);

}

从我的代码像调用

我曾尝试在每次播放后删除video标记并将其插入在再次但那没有效果。想法欢迎！ :)

2011-11-29

boz

+0

是什么在你的代码的第二块视频变量代表什么？我没有看到它在您的第一块代码中的任何地方定义。如果不知道代码的完整范围，很难说出发生了什么。 –