HTML5 video Uncaught TypeError: .play不是函数

HTML5 video Uncaught TypeError: .play is not a function

本文关键字：函数 play video Uncaught TypeError HTML5      更新时间：2023-09-26

我有一个问题，视频自动播放后，按钮点击打开基础模式与视频播放。当我点击按钮打开模式与视频，它打开，但视频不开始播放。

在控制台我得到Uncaught TypeError: 。play不是函数错误

打开模式按钮:

<div data-open="movieModal" id="movieModalOpenMedium">Open</div>

视频模态:

<div class="reveal full" id="movieModal" data-reveal data-reset-on-close="true">
<video id="company-movie" controls>
    <source src="/video/movie.mp4" type="video/mp4">
</video>

脚本如下:

$(document).ready(function(){
// var movie = document.getElementById('company-movie');
var movie = $('#company-movie').get(0);
$('#movieModalOpenMedium').click(function(){
    movie.play();
})

})

#company-movie元素在DOM中可以正确看到，但是我无法以任何方式播放它。

我试过了:

  1. $('#company-movie').play() - JQuery对象没有play()方法所以肯定不会工作

  2. $ (' # company-movie ') . get (0) .play ();

  3. $("# company-movie")[0].play ();

但是这两种方法都不起作用

我也尝试这样做没有jQuery:

    $(document).ready(function(){
var movie = document.getElementById('company-movie');
document.getElementById("movieModalOpenMedium").addEventListener("click", function(){
    movie.play();
});

})

但是它也不工作

尝试$('#company-movie')[0].play();或$('#company-movie').get(0).play();

相关文章：