只要先定位到video标签的父类,然后再获取video标签即可。
例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
引入css和js
<link href="http://localhost:8080/dpplayer/video-js.css" rel="stylesheet">
<script src="http://localhost:8080/dpplayer/video.js"></script>
<script src="http://localhost:8080/dpplayer/hls.js"></script>
<script src="jquery-3.4.1.js" type="application/javascript"></script>
<script type="application/javascript">
function f() {
let elementById = document.getElementById("video").getElementsByTagName("video")[0];
elementById.play();
}
</script>
</head>
<body>
测试标签,当按下button才播放
<div id="video">
<video muted class="video-js vjs-default-skin"
data-setup='{}'>
<source src="http://localhost:8080/dpplayer/1.m3u8" type="application/x-mpegURL">
</video>
</div>
<button onclick="f()">按我</button>
</body>
</html>