Jump to content
Marxrj

Mais de um vídeo na mesma tag

Recommended Posts

Galera, estou com um problema preciso ter mais de um vídeo na minha área do html. O Código fica assim:

<video src="videos/video.mp4" controls="" style="max-width:100%; height:auto alt="" width="500"></video>

Porém como chamo o vídeo do banco de dados fica assim:

<video src="videos/[item_video]" controls="" style="max-width:100%; height:auto alt="" width="500"></video>

Até aí tranquilo se tiver somente um vídeo, mas no caso eu no sistema posso inserir até quatro vídeos ficando assim:

<video src="videos/[item_video]" controls="" style="max-width:100%; height:auto alt="" width="500"></video>
<video src="videos/[item_video2]" controls="" style="max-width:100%; height:auto alt="" width="500"></video>
<video src="videos/[item_video3]" controls="" style="max-width:100%; height:auto alt="" width="500"></video>
<video src="videos/[item_video4]" controls="" style="max-width:100%; height:auto alt="" width="500"></video>
                                                                                                  

O problema é que neste caso mesmo que eu não insira video algum, ele ficando dando um grande espaço para o restante dos menus abaixo. Alguém sabe como eu poderia introduzir os quatro vídeos em uma única tag ou dois ou três que eu tivesse disponível?  Se é que é possível.

<video> </video>

 

Share this post


Link to post
Share on other sites

Tem um tamanho definido ali, width=500

então por isso ele sempre vai reservar este tamanho

 

 

Share this post


Link to post
Share on other sites
28 minutos atrás, Xevious disse:
Citar

 

Tem um tamanho definido ali, width=500

então por isso ele sempre vai reservar este tamanho

 

Nada haver, aqui na pergunta coloquei apenas como exemplo, mesmo que eu tire o width=500 em nada altera.

 

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Lucas Trindade
      Boa noite galera!
       
      Estou desenvolvendo um site em Bootstrap e surgiu uma dúvida afinal nunca desenvolvi um layout desta forma.
       
      Na foto anexada os 3 cards estão deslocados para baixo do container e isto faz com que a seção seguinte dos cards fique em cima deles por conta deste deslocamento.
       
      Não sei se fui bem claro mas, como eu arrumaria isso? 
       
      Preciso desenvolver este site para enviar para uma empresa. Alguém poderia me ajudar? Se for necessário envio o arquivo com o site inteiro.Obrigado
    • By joicitias
      Olá, 
      Estou aprendendo a programar ainda, e preciso fazer com que ao clicar em um botão o  conteúdo selecionado de um select seja copiado para uma textarea. 
       
       

    • By Ygor Silva
      Boa tarde gente. Tenho meu site em Mobirise, pra pegar leads. 
      Ao cliente clicar em enviar ele só mostra a mensagem de "obrigado, aguarde nosso contato". 
      Eu gostaria que em vez disto, ele encaminhasse ele pra página de obrigado.
      Já tentei um mente de coisas mas não funcionou.
       
      Segue abaixo o código. Este meu formulário é formoid.
      <div data-form-type="formoid">                     <!---Formbuilder Form--->                     <form action="https://mobirise.com/" method="POST" class="mbr-form form-with-styler" data-form-title="Mobirise Form"><input type="hidden" name="email" data-form-email="true" value="A6LDZwZh8SsHY2SXE5G0uDeobTt+vGAPyztLTpaFnJ3YS523L+3ekb+dfC0ljSO2ENKcG2x7MzCrFsvX6BsE84UN+iQwUvASww4aTuqS7DVv4QO8axCqYvnhYxsAOEpX">                         <div class="row">                             <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Obrigado por deixar seu contato. Em breve ligaremos pra você.</div>                             <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">                             </div>                         </div>                         <div class="dragArea">                             <div class="col-md-6  form-group" data-for="name">                                 <input type="text" name="name" placeholder="Seu nome" data-form-field="Name" required="required" class="form-control input display-7" id="name-form4-d">                             </div>                             <div class="col-md-6  form-group" data-for="phone">                                 <input type="text" name="phone" placeholder="Telefone" data-form-field="Phone" required="required" class="form-control input display-7" id="phone-form4-d">                             </div>                             <div data-for="email" class="col-md-12  form-group">                                 <input type="text" name="email" placeholder="E-mail" data-form-field="Email" class="form-control input display-7" required="required" id="email-form4-d">                             </div>                                                          <div class="col-md-12 input-group-btn  mt-2 align-center"><button type="submit" class="btn btn-primary btn-form display-4" href="obrigado.html#header3-2j">ENVIAR</button></div>                         </div>                     </form><!---Formbuilder Form--->                 </div>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.