HTML5视频Uncaught TypeError:.play不是函数

Question

我在按钮点击后打开视频自动播放有问题,打开基础模式并播放视频.当我点击按钮打开带视频的模态时,它会打开,但视频无法开始播放.

在控制台中我得到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();
})

})

#cany-movie元素在DOM中正确显示但是我不能以任何方式播放它.

我尝试过:

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

2. $( '#公司电影')得到(0).play().

3. $( '#公司电影')[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();