相关疑难解决方法(0)

我认为巨大的WTF是我正在制作的半复杂网页应用程序中隐藏的一个错误,但我已经把它简化为最简单的代码,并且它仍然可以在Firefox,Chrome和Safari中复制,不可预测但超过1/2的时间.

http://jsfiddle.net/cDpV9/7/

var v = $("<video id='v' src='http://ia600401.us.archive.org/18/items/ForrestPlaysTaik/forresto-plays-taik-piano-360.webm' autobuffer='auto' preload autoplay controls></video>");
$("#player").append(v);

1. 添加视频元素.
2. 视频开始加载和播放.
3. 视频音频听起来像是加倍了.
4. 暂停可见视频,并继续播放一个音轨.
5. 删除视频元素; 幽灵音频一直在播放.
6. 删除帧,鬼音频停止(虽然在Firefox关闭窗口后它继续播放,并且在退出Firefox之前没有停止).

这是一个屏幕截图,可能表明我并不是完全疯狂:http://www.youtube.com/watch？v = hLYrakKagRY

用.html()而不是制作元素时似乎没有发生.append(),所以这是我唯一的线索:http://jsfiddle.net/cDpV9/6/

$("#player").html("<video id='v' src='http://ia600401.us.archive.org/18/items/ForrestPlaysTaik/forresto-plays-taik-piano-360.webm' autobuffer='auto' preload autoplay controls></video>");

我在OS X 10.6.7上.

我想我拥有它.即使只是创建JQuery对象而不将其添加到页面也会导致幽灵玩家玩:http://jsfiddle.net/cDpV9/8/

var v = $("<video id='v' src='http://ia600401.us.archive.org/18/items/ForrestPlaysTaik/forresto-plays-taik-banjo-360.webm' autobuffer='auto' preload autoplay controls></video>");

现在我可以通过使用来解决这个问题.html().我将向JQuery 报告此问题.

我正在尝试使用jQuery加载dom时播放视频.这是我的代码:

HTML

<video id="video" width="420">
  <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
  <p>Your browser does not support HTML5 video.</p>
</video>

JS(script.js)

$(document).ready(function() {
  $(#video).play();
});

当你加载视频时,视频无法播放,我哪里出错了？提前致谢.

我做了很多研究,虽然有些问题/评论确实指出了我正确的方向,但我仍然保持不变.

摘要:HTML5视频显示控件但无法单击它们.当你浏览它们时,它们会消失.你不能点击暂停,播放,静音,什么都没有.请帮我弄清楚发生了什么.

该网站是www.innovo-medical.com(如果你想看看发生了什么)

手续如下:

div.video-background {
    height: 100%;
    left: 0;
    overflow: hidden;
    /*position: fixed;
    top: 96px;*/
    vertical-align: top;
    width: 1180px;
    /*z-index: -1; */
	padding-top:75px;
    position:relative;
    margin: 0 auto;
    margin-bottom:-70px;
}
div.video-background video {
    min-height: 100%;
    min-width: 100%;
    z-index: -2 !important;
}
div.video-background > div {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
div.video-background .circle-overlay {
    left: 50%;
    margin-left: -590px;
    position: absolute;
    top: 120px;
}
div.video-background .ui-video-background {
    display: none !important;
}

<div …