Question

我的要求是网页中有两个视频....让我说我正在播放其中一个视频，几分钟后我开始播放下一个视频。当我播放下一个视频时，第一个视频应该停止。简而言之，两个视频无法同时播放，其中一个视频应相应停止。

到目前为止，我已做了以下工作..请进一步指导我!!!

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <title></title>
   <script src="Scripts\jquery-1.5.1.js"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

 <script src="http://a.vimeocdn.com/js/froogaloop2.min.js" type="text/javascript"></script>  

    <script type="text/javascript">
        $(document).ready(function () {
            $('iframe').each(function () {
                var vidsrc = $(this).attr('src');
                vidsrc = vidsrc + "?api=1&player_id=" + $(this).attr('id');
                $(this).attr('src', vidsrc);
            });

            $('iframe').each(function () {
                $f(this).addEvent('ready', ready);
            });
            function addEvent(element, eventName, callback) {
                if (element.addEventListener) {
                    element.addEventListener(eventName, callback, false);
                }
                else {
                    element.attachEvent('on' + eventName, callback, false);
                }
            }
            function ready(playerID) {
                $f(playerID).api('play');
                $f(playerID).addEventListener('play', play(playerID));
            }
            function play(playerID) {
                 $('iframe').each(function () {
                     if (this.id != playerID) {
                    //check if video is in play mode {
                        var vidsrc = $(this).attr('src');
                        $(this).attr('src', '');
                        $(this).attr('src', vidsrc);
                    //}
                    }
                });
            }

        });
    </script>
</head>
<body>
    <iframe id="player1" class='vimeo' src="http://player.vimeo.com/video/7100569" width="500" height="281" frameborder="0"></iframe>
    <iframe id="player2" class='vimeo' src="http://player.vimeo.com/video/240975" width="500" height="281" frameborder="0"></iframe>
</body>
</html>

Answer 1

无论如何，一次只能播放一个视频。如果正在播放，Vimeo播放器知道要停止另一个视频播放器。

您可以自己添加iframe：

<iframe id="player1" class='vimeo' src="http://player.vimeo.com/video/7100569" width="500" height="281" frameborder="0"></iframe>
<iframe id="player2" class='vimeo' src="http://player.vimeo.com/video/240975" width="500" height="281" frameborder="0"></iframe>

这是一个没有额外js的演示 http://jsfiddle.net/wvk9eom3/1/

其他视频正在运行时停止Vimeo视频

1 个答案: