javascript - 为什么我的视频不能播放？

Question

这变得非常令人沮丧。我制作了一个视频并愿意在 js [没有 jquery] 中播放它。而且每次都失败了。控制台说play is not defined。你能帮我吗

<video id='video'>
        <source src='http://techslides.com/demos/sample-videos/small.mp4' type='video/mp4'>
        <source src='http://techslides.com/demos/sample-videos/small.ogv' type='video/ogg'>
        <embed src='http://techslides.com/demos/sample-videos/small.flv' type='x-shockwave-flash'>
    </video>
    <button onclick='play()' >Play/Pause</button>

.

window.onload = function() {
var video = document.getElementById('video');
if (video.paused) {
    video.play();
} else {
    video.pause();
}
};

• 谢谢

Answer 1

您的播放或暂停功能应与文档加载分开：

window.playPause = function () {
    var myVideo = document.getElementById('video');
    if (myVideo.paused) {
        myVideo.play();
    } else {
        myVideo.pause();
    }
};

...然后，将其连接到您的按钮：

<button onclick='playPause()'>Play/Pause</button>

这适用于您正在使用的视频。如果您希望视频在文档加载时自动播放（这不是一个好主意），您应该在标签而不是 JavaScript 中指出：

<video id='video' autoplay>

Answer 2

您正在调用按钮上的播放方法。对于 onClick 事件而不是仅仅调用 play，调用 video 元素的 play 方法。

<button onclick="video.play();">Play/Pause</button>