Собственный плеер под конкретную задачу можно написать используя api
HTMLMediaElement.
Пример собственного плеера с уникальным дизайном
<html><body>
<video id="v" style="max-width:300px">
<source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4" />
</video>
<p id="b" style='position:absolute; top: 60px; left: 130px; background: red; color: yellow; cursor:pointer'>play</>
<script>
v = document.getElementById('v')
b = document.getElementById('b')
b.addEventListener('click',()=>{
if(b.innerText=='play'){
b.innerText='pause'
v.play()
}else{
b.innerText='play'
v.pause()
}
})
</script>
</body></html>
video.js точно также работает с html5 video, так что можно подглядывать в их исходники ;)
Это если "собственный плеер" - не свой велосипед на замену video.js. Иначе, сначала нужно забыть о чатгпт и разобраться с video.js самостоятельно.
