Как сделать на заказ фоторамки видео полной высоты и ширины - PullRequest
Новая
       17

Как сделать на заказ фоторамки видео полной высоты и ширины

0 голосов
/ 03 ноября 2019

Я использую Fotorama для создания галереи изображений и видео, но у меня возникла проблема с отображением моих видео. Они не показывают полный размер фрейма, они показывают полную ширину фрейма, но высота как-то ограничена, и я не могу понять, как это происходит.

Любые указатели были бы очень полезны

В настоящее время я использую пользовательскую страницу, которая загружает мое видео, и оно находится внутри iframe. Я использую запросы get для загрузки нужного видео

Проблема: enter image description here

Пользовательский просмотр страницы: enter image description here

advert_new_preview: 

    <div class="fotorama" data-nav="thumbs" data-allowfullscreen="true"   >

        <?php

        //LOAD IMAGES FOREACH LOOP 'include_new_gun_advert/advert_new_gun_preview_load_script.inc.php'
        foreach ($getadvertimagesset as $getadvertimages_row) {

          $file = basename($getadvertimages_row['image_src']);
          $advert_id = $getadvertimages_row['advert_id'];
          // list($width, $height, $type, $attr) = getimagesize( "advert_image_uploads/".$file);


          // $width_video = $width;

          // $height_video =$height;
  //Testing 

          $ext = pathinfo($file, PATHINFO_EXTENSION);

          $extensions_arr = array("mp4","avi","3gp","mov","mpeg");
          $img = array('jpg', 'jpeg', 'png');


          if( in_array($ext,$img) ){    
             echo ('<img src="advert_image_uploads/'.$file.'">');
          }

          if( in_array($ext,$extensions_arr) ){ 

          echo
           (
            '<a href="'.$link.'test.php?advert_id='.$advert_id.'&video='.$file.'" data-video="true"">
            <img src="advert_image_uploads/Video_preview_image/preview.png" >
            </a> '
           );
          }

test.php: 

<!DOCTYPE html>
<html>

<body style="margin:0px;padding:0px;overflow:hidden height:100%;width:100%"">
<?php

include 'connection/pdo_conn.php';

if(isset($_GET['advert_id']) && isset($_GET['video'])){



$advert_id = $_GET['advert_id'];
$video_src = '%'.$_GET['video'].'%';
$getadvertvideos = $connect->prepare ("SELECT * FROM tbl_images WHERE advert_id = ? and image_src LIKE ? and media_type = 'V'");
$getadvertvideos->execute([$advert_id, $video_src]);
$getadvertvideosset = $getadvertvideos->fetchAll();
$getadvertvideos = null;
$file = basename($getadvertvideosset[0]['image_src']);

}
?>

<?php
echo (' <iframe frameborder="0" style="overflow:hidden;height:100%;width:100%" <video controls autoplay  src="advert_image_uploads/'.$file.'"></video>> </iframe>');
?>
</body>
</html>

Я пытаюсь получить видео, чтобы заполнить весьпространство коробки Fotorama вместо полной ширины

...