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

}）

在DOM中可以正确看到

#company-movie 元素但是我无法以任何方式播放它。

我尝试过：

$（'＃company-movie'）。play（） - JQuery Object没有play（）方法所以肯定它不起作用
$（ '＃公司电影'）得到（0）.play（）;
$（ '＃公司电影'）[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();

HTML5视频Uncaught TypeError：。play不是函数

1 个答案: