javascript - HTML5 视频 Uncaught TypeError : . play is not a function

Question

单击 buttonc 后，我遇到了视频自动播放问题，这会打开包含要播放的视频的基础模式。当我单击按钮打开带有视频的模态时，它会打开但视频不会开始播放。

在控制台中我得到 Uncaught TypeError: .play is not a function 错误

打开模态按钮:

<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();
});

})

但它也不起作用。

如有任何帮助，我将不胜感激。

Answer 1

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