HTML5視頻未捕獲TypeError：.play不是一項功能

Question

我在buttonc點擊後出現視頻自動播放問題，打開基礎模式並播放視頻。當我點擊按鈕打開模式與視頻，它打開，但視頻不開始播放。

在控制檯我得到遺漏的類型錯誤：.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正確地看到，但是我不能以任何方式播放。 。

我有嘗試：

1. $（ '＃公司電影'）玩（） - 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();