jQuery Forum

no, I've create a owl-carousel. Where there are images, videos, and documents.

This is my HTML

<div class="item-video">
   <iframe width="540" height="360" allowfullscreen src="<?php echo $files[$i]?>"></iframe>
    <div class="positioner">
       <button  type="button" class="btn-video btn btn-default">
          <i class="fa fa-expand" title="Ingrandisci"></i>
        </button>
   </div>                           
   </div>

JS:

$('.btn-video').on('click', function(event) {
                  var src = $(this).closest(".clients").find('video').attr('src');

                   $("#dialogImage").dialog({
                        modal: true,
                        minWidth:950,
                        minHeight:100,
                        hide: 'blind',
                        title: "MajoranaCloud - Video -",
                        position: ['center', 'center'],
                        buttons: {
                          "Chiudi": function() {
                                $("#dialogImage").dialog( "destroy" );   
                            },
                        },
                    });
                   
                    $('#dialogImage').append('<div id="dialogImage1"><iframe width="900" height="700" allowfullscreen src = "' + datiVideo + '"></iframe></div>');
                    return false;
                 });

A similar function is to get src from images, and it works

Tegatti

Jake,

I watch the video in the iframe. I can't get src when I click on button to expand the video

Tegatti

If not, you can’t get it. 

If it is on the same server,

something like…

 https://api.jquery.com/contents/ <--

JΛ̊KE

Jake,

i'm using iframe because it works. I tried using video tag but I cannot watch the video. I searched on web and I find something like my procedure using iframe. I works good.

My iframe is in the same server.

I've just tried your suggest:

Sorry Jake,

scroll page

Please click on the first button APRI

on new page Just click on the third where you see the video icon

Tegatti

JΛ̊KE

Jake,

please may you suggest me an alternative method to expand my videos?

Tegatti

Jake,

I've changed iframe with video tag, but video doest start

<video style width="540px; height: 450px;">
<?php
                              echo '<source src = "'.$files[$i] .'" autoplay>';
?>
                            </video>

What did I miss?

Tegatti

Realize that autoplay probably won’t work!

JΛ̊KE

Jake,

now video starts, but there are not the controlls to stop, pause and start the video

tegatti

and if would expand my video the instruction doesn't work:

var src = $(this).closest(".item-video").contents().find('video').attr('src');

tegatti

Jake,

I've added controls

Now is really ok

Only problem I can't expand

tegatti

Jake,

i've changed and now I can expand my video:

var src = $(this).closest(".item-video").find("video").attr('src');

Tegatti

Jake,

thanks a lot for your help. I've used video tag on a wrong way. Now my procedure is like I would.

Italy is under water. It's rain everywhere.

Here is time to go to bed.

Ciao

Tegatti