我的自定义HTML5视频播放几乎完成，我只是遇到了一个轻微的问题，停止按钮本质上是一个暂停按钮，只是将视频重置为开头 .
下面是我的代码（尽管有点乱）;
<script type="text/javascript">
function stopPlayer() {
var mediaPlayer;
mediaPlayer = document.getElementById('media-video');
mediaPlayer.controls = false;
mediaPlayer.pause();
mediaPlayer.currentTime = 0;
if ( mediaPlayer.pause == true ) {
$('.pause-btn').hide();
$('.play-btn').show();
}
}
function playPlayer() {
var mediaPlayer;
mediaPlayer = document.getElementById('media-video');
mediaPlayer.controls = false;
mediaPlayer.play();
}
function playPause() {
var mediaPlayer = document.getElementById('media-video');
if (mediaPlayer.paused) {
mediaPlayer.play();
$('.pause-btn').show();
$('.play-btn').hide();
} else {
mediaPlayer.pause();
$('.play-btn').show();
$('.pause-btn').hide();
}
}
</script>
有问题的代码在stopPlayer（）中;功能 -
if ( mediaPlayer.pause == true ) {
$('.pause-btn').hide();
$('.play-btn').show();
}
我要做的是检查视频是否已使用StopPlayer功能“停止”，然后隐藏暂停按钮并显示播放按钮 . 因为这些需要在视频停止时重置 .
目前，如果按停止按钮，暂停按钮仍然存在 .
任何建议都会很棒:)
编辑：修复了@MelanciaUK建议我在if语句中删除了== true，这解决了我的问题 . 谢谢！
1 回答
也许这只是一个有条件/属性的错误 .
尝试替换：
mediaPlayer.pause == true附：
mediaPlayer.paused