HTML5   发布时间:2022-04-26  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 点击HTML 5视频元素播放,暂停视频,中断播放按钮大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想让视频能够像YouTube一样播放和暂停(使用播放和暂停按钮,然后点击视频本身)。
<video width="600" height="409" id="videoPlayer" controls="controls">
 <!-- MP4 Video -->
 <source src="video.mp4" type="video/mp4">
</video>


<script>
    var videoPlayer = document.getElementById('videoPlayer');

    // Auto play,half volume.
    videoPlayer.play()
    videoPlayer.volume = 0.5;

    // Play / pause.
    videoPlayer.addEventListener('click',function () {
        if (videoPlayer.paused == falsE) {
            videoPlayer.pause();
            videoPlayer.firstChild.nodeValue = 'Play';
        } else {
            videoPlayer.play();
            videoPlayer.firstChild.nodeValue = 'Pause';
        }
    });
</script>

你有什么想法为什么会打破播放和暂停控制按钮?

解决方法

不要提起一个旧帖子,但是我在寻找同样的解决方案的时候降落在这个问题上。我最终想出了我自己的东西。想我会贡献

HTML:

<video class="video"><source src=""></video>

JAVASCRIPT:“JQUERY”

$('.video').click(function(){this.paused?this.play():this.pause();});

大佬总结

以上是大佬教程为你收集整理的html5 – 点击HTML 5视频元素播放,暂停视频,中断播放按钮全部内容,希望文章能够帮你解决html5 – 点击HTML 5视频元素播放,暂停视频,中断播放按钮所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。