在使用iframe时遇到问题

Question

在使用iframe时我很失败，我需要一些帮助。我从来没有使用过iframe，这是我第一次。

这里是什么，我试图按照生产与广场滑块iframe中doucment：http://galleria.io/docs/references/data/

我已经是一个jwplayer，我想访问使用iframe来获取视频（S）这些视频位于video.php页面。如果只有一个视频，那么只需从video.php页面检索正确的视频，但如果有多个视频，则检索正确的多个视频并将其显示在商业广告滑块中。但我的问题是如何让iframe工作才能做到这一点？

下面是video.php页面，它显示jwplayer：

<div id="myElement-<?php echo $key.'-'.$i; ?>">Loading the player... 

    <script type="text/javascript"> 


    jwplayer("myElement-<?php echo $key.'-'.$i; ?>").setup({ 
     file: "<?php echo 'VideoFiles/'.$v; ?>", 
     width: 480, 
     height: 270 
    }); 

    <?php $i++; ?> 

下面是其中它检查如果视频是单个或多个的代码，显示的Galleria滑块如果多个而这正是的IFRAME放置：

if(count($arrVideoFile[$key]) == 1){ 
    foreach ($arrVideoFile[$key] as $v) { ?> 

var data = [ 
    { 

    iframe: 'video.php' 

    } 
]; 


<?php 
} 
}else if(count($arrVideoFile[$key]) > 1){ 
?> 

<style> 
    #galleriavideo_<?php echo $key; ?>{ width: 500px; height: 300px; background: #000 } 
</style> 

<div id="galleriavideo_<?php echo $key; ?>"> 
<?php 
foreach ($arrVideoFile[$key] as $v) { ?> 

<script type="text/javascript"> 

var data = [ 
    { 

    iframe: 'video.php' 

    } 
]; 
</script> 
</div> 
<?php } ?> 
</div> 

     <script type="text/javascript"> 

      Galleria.loadTheme('jquery/classic/galleria.classic.min.js'); 
      Galleria.run('#galleriavideo_<?php echo $key; ?>'); 

      </script> 

<?php 

     } 
    } 
     //end:procedure video 

编辑： video.php

<?php 

$key = filter_input(INPUT_GET, "key", FILTER_SANITIZE_STRING); 
$i = filter_input(INPUT_GET, "i", FILTER_SANITIZE_NUMBER_INT); 
$v = filter_input(INPUT_GET, "v", FILTER_SANITIZE_STRING); 

?> 
<div id="myElement-<?php echo $key.'-'.$i; ?>">Loading the player... 

<script type="text/javascript"> 
jwplayer("myElement-<?php echo $key.'-'.$i; ?>").setup({ 
    file: "<?php echo 'VideoFiles/'.$v; ?>", 
    width: 480, 
    height: 270 
}); 

</script> 

</div> 

assessment.php：

if(count($arrVideoFile[$key]) > 1){ 
?> 

<style> 
    #galleriavideo_<?php echo $key; ?>{ width: 500px; height: 300px; background: #000 } 
</style> 

<div id="galleriavideo_<?php echo $key; ?>"> 
<?php 
foreach ($arrVideoFile[$key] as $v) { ?> 

<a href="video.php?key={$key}&i={$i}&v={$v}"><img class="iframe"></a> 

<?php $i++; ?> 
<?php } ?> 
</div> 

     <script type="text/javascript"> 

      Galleria.loadTheme('jquery/classic/galleria.classic.min.js'); 
      Galleria.run('#galleriavideo_<?php echo $key; ?>'); 

      </script> 

<?php 

     } 

Answer 1

下面是关于如何使用与美术馆一个jwplayer简短的例子。然后您可以尝试将其调整为您的代码。

首先，有video.php文件，其中包含了jwplayer：

<div id="container"></div> 
<script type="text/javascript" src="/path/to/jwplayer.js"></script> 
<script type="text/javascript"> 
    jwplayer("container").setup({ 
     file: "http://content.bitsontherun.com/videos/3XnJSIm4-kNspJqnJ.mp4", 
     image: "http://content.bitsontherun.com/thumbs/3XnJSIm4-640.jpg" 
    }); 
</script> 

然后，有gallery.php文件，其中包含滑块：

<div id="galleria" style="height:350px; width:550px;"> 
    <a href="/path/to/video.php"><img class="iframe"></a> 
</div> 

<script type="text/javascript" src="/path/to/jquery.js"></script> 
<script type="text/javascript" src="/path/to/galleria.js"></script> 
<script type="text/javascript"> 
    Galleria.loadTheme('/path/to/galleria.classic.min.js'); 
    Galleria.run('#galleria'); 
</script> 

如果你想显示多个视频在滑块中，您可以想象一个解决方案，其中video.php需要参数并根据该参数加载视频，即video.php?id=xx

编辑：澄清一点

你video.php文件应该采取一些参数：

$key = filter_input(INPUT_GET, "key", FILTER_SANITIZE_STRING); 
$i = filter_input(INPUT_GET, "i", FILTER_SANITIZE_NUMBER_INT); 
$v = filter_input(INPUT_GET, "v", FILTER_SANITIZE_STRING); 

<div id="myElement-<?php echo $key.'-'.$i; ?>">Loading the player... 
<script type="text/javascript" src="/path/to/jwplayer.js"></script> 
<script type="text/javascript"> 
jwplayer("myElement-<?php echo $key.'-'.$i; ?>").setup({ 
    file: "<?php echo 'VideoFiles/'.$v; ?>", 
    width: 480, 
    height: 270 
}); 

然后在gallery.php文件：

<div id="galleria" style="height:350px; width:550px;"> 
    <a href="/path/to/video.php?key=xxx&i=xxx&v=xxx"><img class="iframe"></a> 
    <a href="/path/to/video.php?key=xxx&i=xxx&v=xxx"><img class="iframe"></a> 
    <a href="/path/to/video.php?key=xxx&i=xxx&v=xxx"><img class="iframe"></a> 
    ... 
</div>