html Vimeo Video自定义暂停播放按钮，从给定时间开始

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html Vimeo Video自定义暂停播放按钮，从给定时间开始相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
    <script>
        $('document').ready(function(){
            var iframe = $('#vimeo-player')[0];
            var player = $f(iframe);

            $('#stop').click(function() {
                player.api('pause');
            });


            $('#play').click(function(){
                player.api('play');
            });
        });
    </script>

</head>
<body>
<center>
    <h1>Vimeo Video Custom pause play button and a start from a given time</h1>

<iframe id="vimeo-player" src="http://player.vimeo.com/video/40977539#t=0h1m2s?api=1" width="560" height="312" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

<br>
<button id="stop">Pause</button>
<button id="play">Start</button>

</center>
</body>

</html>

以上是关于html Vimeo Video自定义暂停播放按钮，从给定时间开始的主要内容，如果未能解决你的问题，请参考以下文章

动态创建新 Vimeo 播放器列表并添加事件以暂停每个按钮单击的最佳方法是啥？

H5移动端自定义video播放控件controls（带播放暂停，进度条拖拽）

html YouTube视频自定义暂停播放按钮，从给定时间开始

HTML5 中的 Vimeo 视频播放器

UniApp video 使用（自定义进度条，及微信无法暂停播放设置进度问题）

如何使用 Jquery 播放/暂停 Flash 视频（不是 html5 <video>）