玩多个jwplayer视频

时间:2015-02-08 19:29:28

标签: jwplayer

我正在尝试创建一个视频三联画类的东西。

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

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

我的老板向我提供了一个链接给他的同事用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 -->

1 个答案:

答案 0 :(得分:0)

不确定您要实现的目标。如果要将一组视频添加为播放列表,则可以执行此操作。当我用它来播放音乐文件时,你将不得不调整它。基本上,我通过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>

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