TA貢獻1784條經驗 獲得超9個贊
刪除autoplay屬性
使用 JavaScript 使用自定義按鈕和.play()方法播放視頻
<video?id="video">?<source?src='myvid'></video> <button?id="play">PLAY</button>
document.querySelector("#play").addEventListener("click",?()?=>?{?
?document.querySelector("#video").play();
});如果您不想要自定義按鈕（您的問題不清楚），則可以使用屬性提供瀏覽器默認controls值
const EL_video = document.querySelector("#video");
const EL_play = document.querySelector("#play");
EL_play.addEventListener("click", () => {
? const isPaused = EL_video.paused;
? EL_video[isPaused ? "play" : "pause"]();
? EL_video.classList.toggle("u-none", !isPaused);
});
#video {width: 300px;}
/* Utility classes: */
.u-none {display: none;}
<button id="play">Toggle & play</button><br>
<video id="video" class="u-none">
? <source src='http://vjs.zencdn.net/v/oceans.mp4' type='video/mp4'>
</video>
TA貢獻1799條經驗 獲得超8個贊
嘗試onclick向 div 添加一個屬性，如下所示：
<div onclick="play_video();">
或者您可以創建一個按鈕：
<button onclick="play_video();">play the video</button>
然后，像這樣創建 javascript 函數：
function play_video()
{ document.getElementById("id_of_the_video").play();
}舉報