0

Estou passando a url para dentro da embed (#meuid) assim:

<script>
   $('#treinamentos').on('show.bs.modal', function (event) {
       var button = $(event.relatedTarget) 
       var nome   = button.data('nome') 
       var video  = button.data('video') 

       $('#nmTreinamento').text(nome);   
       $('#meuid').attr('src', 'https://www.youtube.com/watch?v=VaKvZzKyI1s');
    })
</script>

A modal com a embed pega a url mas não exibe o vídeo:

 <div class="modal fade" id="treinamentos" tabindex="-1" role="dialog" aria-labelledby="alterarLabel" style="z-index: 1100;">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
             <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 <h4 class="modal-title" id="exampleModalLabel">Deseja excluir o Treinamento ? </h4>
             </div>

             <div class="modal-body">

              <label for="nmTreinamento" id="nmTreinamento"></label>

             <embed id='meuid' 
             type="application/x-shockwave-flash" fs=1
             allowfullscreen="true" allowscriptaccess="always"
             width="940" height="440" align="center"></embed>               
            </div>                
         </div>
    </div>
</div>

Existe uma forma de passar a url para dentro do embed?

7
  • Passar uma variavel do js pra uma do php? É isso?
    – user28595
    8/01/2016 às 12:48
  • @GuilhermeLautert não me atende essa resposta
    – Bia
    8/01/2016 às 15:02
  • 1
    Bia, "O PHP corre do lado do servidor para criar a página, e o JS corre do lado do cliente com a página já criada. A unica maneira deles "falarem" é via ajax." esta na resposta daquela pergunta, ou seja você tera de implementar um solução Ajax :D. 8/01/2016 às 15:12
  • @GuilhermeLautert não me expressei bem, mudei a pergunta para explicar o que realmente desejo fazer. De qualquer forma obrigada.
    – Bia
    8/01/2016 às 15:16
  • Bia, a sinalização é "possível duplicata". O procedimento correto é editar a pergunta para mostrar que não é o caso, idealmente até incluindo no seu texto "Li a pergunta duplicata e não serve por tal-e-tal motivo"
    – brasofilo
    10/01/2016 às 5:30

2 Respostas 2

2

Você pode usar o próprio jquery. Coloque o id nas tag's necessário, por exemplo:

<embed id='meuid' src="https://www.youtube.com/v/<?=$video?>?version=3"
                 type="application/x-shockwave-flash" fs=1
                 allowfullscreen="true" allowscriptaccess="always"
                 width="940" height="440" align="center"></embed>

Use a função attr do jquery para alterar a propriedade src da tag acima.

$minhaurl = 'meu link formatado com o id aqui'
$('#meuid').attr('src', $minhaurl)

Qualquer dúvida pode perguntar.

2
2

Seguindo a documentação disponível no W3Schools :

Uma animação flash embutido

Ou seja creio que <embed> so da suporte a arquivos .swf local.

Sobre vídeos do Youtube

A solução que encontrei foi por <iframe>.

$('#meuid').attr('src', 'https://www.youtube.com/embed/VaKvZzKyI1s');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<iframe width="420" height="315" id="meuid">
</iframe>

Obs

Note que há uma alteração a ser feita :

www.youtube.com/watch?v=VaKvZzKyI1s
www.youtube.com/embed/VaKvZzKyI1s

Para isso você pode fazer por replace:

function changeToEmbed(src){
    return src.replce('watch?v=', 'embed/');
}
1
  • sua resposta também foi útil, usei o www.youtube.com/watch?v=VaKvZzKyI1s
    – Bia
    8/01/2016 às 15:40

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .