播放多个 jwplayer 视频答案

【问题标题】：playing multiple jwplayer videos播放多个 jwplayer 视频
【发布时间】：2015-02-08 19:29:28
【问题描述】：

我正在尝试制作视频三联画之类的东西。

我想知道是否可以创建一个播放按钮来同时播放所有三个视频。

我管理过的最佳解决方案是三个自动播放，并添加了一个刷新按钮来重新启动进程。

我的老板向我提供了一个链接，指向他的一位同事，他使用 javascript 完成了此操作，但用于三个单独的 youtube 视频。我正在使用 JWplayer，我真的只是想知道是否有人可以向我发送正确的方向。

这是我对 jwplayer 部分之一的内容，

<!-- Fat Man -->
    <!-- World Wide Walks: -->
            <!-- Container -->
            <div id="centering_container_c" class="margin_top_pic_pages">
                    <div id="container_video_c">Loading the player ...
                    </div>
                    <!-- video -->
            <script type="text/javascript">
                    jwplayer("container_video_c").setup({
                    flashplayer: "jwplayer/player.swf",
                    file: "videos/DESERTS/4NMFATMANsmall.mp4",
                    image: "WorldWideWalks/images/NewMexico/4NMFATMAN.JPG",
                    height: 135, /*previously 324*/
                    width: 240, /*previously 576*/
                    controlbar: "none",
                    autostart: "false",
                    screencolor: "#ffffff",
                    backcolor: "#ffffff",
                    wmode: "transparent",
                    events: {
                        }
                    });
            </script>


</div><!--end video -->
  <!-- End Fat Man -->

【问题讨论】：

如果我们不知道您当前的位置，我们无法将您发送到正确的方向。向我们展示您目前掌握的 HTML 和 Javascript。
好吧，是的，我对发布东西有点紧张，因为我的老板是一位艺术家，他非常注重展示他的作品。 Hes 鼓励我与此联系。编辑：我添加了一个播放器作为 sn-p，我没有对 JWplayers JS 文件进行任何更改。我猜我可以在事件中添加一些东西来制作一个播放所有三个视频的链接。

标签： jwplayer

【解决方案1】：

不太确定您要达到的目标。如果要将一组视频添加为播放列表，您可以这样做。当我使用它来播放音乐文件时，您必须对其进行一些调整。基本上，我通过 php 为 joomla 网站生成文件的播放列表。

        <script type="text/javascript">
            var playerInstance = jwplayer("myElement");
                playerInstance.setup({
                playlist: [{
//DYNAMICALLY GENERATED PLAYLIST
                    <?php
                        $album_id = $this->item->album_id;
                        // Get default database object
                        $db = JFactory::getDbo();
                        // Get a new JDatabaseQuery object
                        $query = $db->getQuery(true);
                        $query = 'SELECT name, filename, position FROM #__songs WHERE `album_id` = ' . $db->quote( (int) $album_id ) . ' ORDER BY `num` ASC LIMIT 0 , 30';
                        $db->setQuery($query);
                        $results = $db -> loadAssocList();
                        foreach($results as $row){
                        echo "file: \"../songs/". htmlentities($row['file_name']). "\", ";
                        echo "title: \"". htmlentities($row['title']). "\"";
                        echo "},{";
                        }
                    ?>
//END DYNAMICALLY GENERATED PLAYLIST
                }],
                skin:       '../jwplayer/jwplayer-7.1.4/skins/five.css',
                autostart:  'false',
                repeat:     'true',
                startparam: 'starttime',
                stretching: 'fill',

                width:      '100%',
                height:     '30'
                });
        </script>

这会从数据库中加载歌曲的播放列表并按专辑顺序播放它们。我想播放视频，我将播放器高度调大，并指向数据库中的视频。

【讨论】：