引入jq
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
需要引入hls.js
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
$(function() {
$('#testVideo').hide();
});
function bt() {
loadVideo('播放地址');
$('#bt').hide();
$('#testVideo').show();
}
function loadVideo(vedio_url) {
var video = document.getElementById('testVideo');
if (Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(vedio_url);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED, function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = vedio_url;
video.addEventListener('loadedmetadata', function() {
video.play();
});
}
}