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>

为什么我的视频无法播放？

2 个答案: