使用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

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

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

html5动态加载图片和加载视频
这两在做一个动态加载图片的东西,有点类似QQ发说说里面附带图片的那种,经过测试可以任意添加.删除,然后该删除的位置被后一位自动填充,还有一个bug,就是最后一个图片的控件没做处理,删掉最后一个就会导致 ...
android webView加载网络视频
之前,我写过webView加载本地网页的博客,今天,就写写webView加载网络视频的内容. 一.加载网页 1.WebView用来显示网页,使用必须时刻注意我们需要添加网络权限 <uses-pe ...
滚屏加载--无刷新动态加载数据技术的应用
我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览.这种技术我暂且称它为滚屏加载技术.我们发现很多网站用到这种技术,必应图片搜索.新浪微博.QQ空间等将该技术 ...
videojs 动态加载视频
VideoJS dynamic source change via RESTful API 'Undefined' issue with changing RTMP source on compres ...
HTML卡片式布局源码,html5自适应卡片式设计动态加载整站源码_
html5自适应卡片式设计动态加载整站源码该模板是非常容易存活的,这样的程序很容易吸引访客点击,提升ip流量和pv是非常有利的,随意挂点联盟广告都能养活程序. 本套整站源码采使用现在非常流行的全屏自 ...
android 获取网络视频资源,Android 加载网络视频（url地址）第三方框架简用
正好最近做项目有个需要加载网络视频技术,就找了找,碰到了这个开源的框架.主要还是网络请求下来的视频地址,然后简单的,赋一下值,非常OK.不过限自己练习用毕竟看需求的嘛,不多介绍复制用吧. 先看看效果大 ...
Gatsby 中怎么加载使用视频文件？
一.简介 Gatsby 项目中怎么播放视频? 二.解决方案 1.HTML5 <video> 使用 HTML5 的 video 标签,播放本地视频和远程视频. import * as ...
SRS学习-HTML加载FLV视频
SRS学习-HTML加载FLV视频介绍 FLV是FLASHVIDEO的简称,FLV流媒体格式是一种新的视频格式,全称为FlashVideo.由于它形成的文件极小.加载速度极快,使得网络观看视频文件成 ...
cascader 动态加载回显_ElementUI cascader级联动态加载回显和搜索看这个就够了
这一篇是上一次讨论cascader级联动态加载回显问题的延续,文末有链接. 以下是思考和开发的过程,不感兴趣可以直接看使用文档. https://github.com/zhuss/lazy-casca ...

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

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

最新文章

热门文章