Skip to main content
adicionou 105 caracteres ao conteúdo
Fonte Link
Miguel Batista
  • 2,9mil
  • 2
  • 22
  • 27

Amigo, tem como você simular a tela cheia da seguinte forma:

No HTML você cria uma estrutura de template que será utilizado dentro de uma janela modal:

<script type="text/template" id="video_1">
<iframe width="100%" height="720px" src="https://www.youtube.com/embed/LGApONHq8LI?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

<a href="link voltar"> Voltar</a>
</script>

<a href="javascript:void(0);" class="video" data-id="1">Vídeo</a>

depois você cria a estrutura da modal:

<div id="modal_video"></div>

Eu não criei a modal, somente coloquei o vídeo em uma div para ter uma idéia.

jQuery:

$('.video').click(function(){
    var idVideo = $(this).data('id');
    var video = $('#video_'+idVideo).html();
    $('#modal_video').html(video);
});

segueO link voltar você pode mudar para fechar já que o usuário não sairá da página, apenas fechará a modal. segue o exemplo do funcionamento: https://jsfiddle.net/vsytwd7e/

Amigo, tem como você simular a tela cheia da seguinte forma:

No HTML você cria uma estrutura de template que será utilizado dentro de uma janela modal:

<script type="text/template" id="video_1">
<iframe width="100%" height="720px" src="https://www.youtube.com/embed/LGApONHq8LI?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

<a href="link voltar"> Voltar</a>
</script>

<a href="javascript:void(0);" class="video" data-id="1">Vídeo</a>

depois você cria a estrutura da modal:

<div id="modal_video"></div>

Eu não criei a modal, somente coloquei o vídeo em uma div para ter uma idéia.

jQuery:

$('.video').click(function(){
    var idVideo = $(this).data('id');
    var video = $('#video_'+idVideo).html();
    $('#modal_video').html(video);
});

segue o exemplo do funcionamento: https://jsfiddle.net/vsytwd7e/

Amigo, tem como você simular a tela cheia da seguinte forma:

No HTML você cria uma estrutura de template que será utilizado dentro de uma janela modal:

<script type="text/template" id="video_1">
<iframe width="100%" height="720px" src="https://www.youtube.com/embed/LGApONHq8LI?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

<a href="link voltar"> Voltar</a>
</script>

<a href="javascript:void(0);" class="video" data-id="1">Vídeo</a>

depois você cria a estrutura da modal:

<div id="modal_video"></div>

Eu não criei a modal, somente coloquei o vídeo em uma div para ter uma idéia.

jQuery:

$('.video').click(function(){
    var idVideo = $(this).data('id');
    var video = $('#video_'+idVideo).html();
    $('#modal_video').html(video);
});

O link voltar você pode mudar para fechar já que o usuário não sairá da página, apenas fechará a modal. segue o exemplo do funcionamento: https://jsfiddle.net/vsytwd7e/

adicionou 248 caracteres ao conteúdo
Fonte Link
Miguel Batista
  • 2,9mil
  • 2
  • 22
  • 27

Amigo, tem como você simular a tela cheia da seguinte forma:

No HTML você cria uma estrutura de template que será utilizado dentro de uma janela modal:

<script type="text/template" id="video_1">
        <iframe width="100%" height="720px" src="https://www.youtube.com/embed/LGApONHq8LI?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
        <a href="link voltar"> Voltar</a>
        </script>
    
    <a href="javascript:void(0);" class="video" data-id="1">Vídeo</a>
   <div id="modal_video"></div>

$('.video').click(function(){
        var idVideo = $(this).data('id');
    var video = $('#video_'+idVideo).html();
       $('#modal_video').html(video);
        });

<script type="text/template" id="video_1">
<iframe width="100%" height="720px" src="https://www.youtube.com/embed/LGApONHq8LI?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

<a href="link voltar"> Voltar</a>
</script>

<a href="javascript:void(0);" class="video" data-id="1">Vídeo</a>

depois você cria a estrutura da modal:

<div id="modal_video"></div>

Eu não criei a modal, somente coloquei o vídeo em uma div para ter uma idéia.

jQuery:

$('.video').click(function(){
    var idVideo = $(this).data('id');
    var video = $('#video_'+idVideo).html();
    $('#modal_video').html(video);
});

segue o exemplo do funcionamento: https://jsfiddle.net/vsytwd7e/

Amigo, tem como você simular a tela cheia da seguinte forma:

No HTML você cria uma estrutura de template que será utilizado dentro de uma janela modal:

<script type="text/template" id="video_1">
        <iframe width="100%" height="720px" src="https://www.youtube.com/embed/LGApONHq8LI?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
        <a href="link voltar"> Voltar</a>
        </script>
    
    <a href="javascript:void(0);" class="video" data-id="1">Vídeo</a>
   <div id="modal_video"></div>

$('.video').click(function(){
        var idVideo = $(this).data('id');
    var video = $('#video_'+idVideo).html();
       $('#modal_video').html(video);
        });

depois você cria a estrutura da modal:

Eu não criei a modal, somente coloquei o vídeo em uma div para ter uma idéia.

segue o exemplo do funcionamento: https://jsfiddle.net/vsytwd7e/

Amigo, tem como você simular a tela cheia da seguinte forma:

No HTML você cria uma estrutura de template que será utilizado dentro de uma janela modal:

<script type="text/template" id="video_1">
<iframe width="100%" height="720px" src="https://www.youtube.com/embed/LGApONHq8LI?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

<a href="link voltar"> Voltar</a>
</script>

<a href="javascript:void(0);" class="video" data-id="1">Vídeo</a>

depois você cria a estrutura da modal:

<div id="modal_video"></div>

Eu não criei a modal, somente coloquei o vídeo em uma div para ter uma idéia.

jQuery:

$('.video').click(function(){
    var idVideo = $(this).data('id');
    var video = $('#video_'+idVideo).html();
    $('#modal_video').html(video);
});

segue o exemplo do funcionamento: https://jsfiddle.net/vsytwd7e/

Fonte Link
Miguel Batista
  • 2,9mil
  • 2
  • 22
  • 27

Amigo, tem como você simular a tela cheia da seguinte forma:

No HTML você cria uma estrutura de template que será utilizado dentro de uma janela modal:

<script type="text/template" id="video_1">
        <iframe width="100%" height="720px" src="https://www.youtube.com/embed/LGApONHq8LI?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
        <a href="link voltar"> Voltar</a>
        </script>
    
    <a href="javascript:void(0);" class="video" data-id="1">Vídeo</a>
   <div id="modal_video"></div>

$('.video').click(function(){
        var idVideo = $(this).data('id');
    var video = $('#video_'+idVideo).html();
       $('#modal_video').html(video);
        });

depois você cria a estrutura da modal:

Eu não criei a modal, somente coloquei o vídeo em uma div para ter uma idéia.

segue o exemplo do funcionamento: https://jsfiddle.net/vsytwd7e/