html video player doesn't load without a refresh

Question

html5 player doesn't load without a refresh .. how to fix this?

    <!--IsvideoFileStart-->
    
<link class="dplayer-css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js"></script>
<div class="nexmoe-item">
    <div class="mdui-center" id="dplayer"></div>
</div>
<script>
    const dp = new DPlayer({
        container: document.getElementById('dplayer'),
        lang:'zh-en',
        video: {
            url: '<!--FileDownUrl-->',
            type: 'auto'
        }
    });
document.getElementById('dplayer').load();
</script>
        
<!--IsvideoFileEnd-->

plz help me, thank you!

Answer 1

Try to reload it by running $.pjax.reload({ container: '#dplayer' });