Javascript 使用事件侦听等待readyState html5视频

这是我加载视频时的javascript

var vid = $("#video");

$("#video").on("load",function() {
    if ( vid[0].ReadyState === 4 ) {
        console.log("loaded video!");
        console.log(vid);
        vid.fadeIn();
    }
});

---

我想在

.load（）

运行后，每次视频div刷新时播放我的视频。如何循环此操作直到

readyState==4

？我尝试在（“canplaythrough”）上使用

，但这从未被识别为一个函数…
请确保在标记中设置
preload=“auto”
（不要使用
autoplay
），然后可以使用
canplay
事件：


var vid=$（“#视频”）；
视频“canplay”，函数（）{
视频[0]。播放（）；
法代因（1000）；
});
$（“#更改”）。在（“单击”，函数（）{
vid.hide（）；
vid[0]。src=”http://www.html5rocks.com/en/tutorials/video/basics/devstories.mp4";
});

Change source（仅适用于本例的mp4）
如果我正在更改页面上的src属性，这会起作用吗？@pwneth我想是的，它应该会触发一个新的canplay事件。另外，当我在控制台中查看对象时，canplay事件总是空的。。。所以我猜它永远不会发射。@pwneth定义预载很重要。如上面的演示所示，canplay按预期触发。没有问题（在演示中还添加了src更改按钮）