Ir ao conteúdo
  • Cadastre-se
fspjonny

JQuery RESOLVIDO inserir atributo em tag html com JQuery.

Recommended Posts

Boa Noite!

Como posso inserir o atributo controls dentro da tag video?

<video controls src="video.mp4" width="426" height="240"></video>

 

tentei isso:

$('#video01').on('mouseover',function(){
            $(this).html('controls');
        });

mas o resultado foi: <video class="card-img-top" id="video01">controls</video>

tentei com append e deu nisso:

<video class="card-img-top" id="video01">
	<source src="assets/Inside SD.mp4" type="video/mp4">
	controls
</video>

Eu não me lembro de como fazer isso! seria algo como o addClass, mas não é para ficar dentro da classe e sim logo após a tag de abertura <video>

.

 

Me deu uma desinteria mental agora que não consigo acertar algo tão bobo, alguém ai poderia me ajudar por favor?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Use

$('#video01').attr('atributo','valor');

 

No seu caso

 $('#video01').attr('controls','');

ou talvez seja necessario incluir um valor, como '1' no lugar de ''.

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites
5 minutos atrás, Rodrigo J Polette disse:

Use $('#video01').attr('atributo','valor');

 

No seu caso $('#video01').attr('controls',''); ou talvez seja necessario incluir um valor, como '1' no lugar de ''.

 Eu tinha usado isso antes e não deu certo, como no exemplo acima que citei, porém ao ver voce usar o attr('controls',''), até funcionou, mas ficou assim: 

<video class="card-img-top" id="video01" controls="controls">
  <source src="assets/Inside SD.mp4" type="video/mp4">
</video>

Não aceitou o vazio e preencheu com o mesmo atributo, ficando: controls="controls"

Por hoje vai me quebrar um galho, mas não sei se dá m... mais a frente, mas na segunda-feira troco porque até lá já esfriei a cabeça!

 

Muito Obrigado Rodrigo!

Compartilhar este post


Link para o post
Compartilhar em outros sites

@fspjonny Na  verdade a solução do @Rodrigo J Polette só faltou o segundo parâmetro como "true". 

 

Alternativamente, podes usar também a função prop().

$("#video01").prop("controls",true); 

No seu caso, eu aconselharia usar o prop() porque ele insere o atributo pelo DOM e o attr insere no HTML.

 

Os dois fazem a mesma coisa, mas com propósitos diferentes.  Vamos supor que você tem um input checkbox e precisa que ele retorne somente true ou false.  Nesse caso usa-se o prop().

 

Agora quando precisa-se que retorne o valor do atributo, usa-se o attr().

exemplo:

 

<input type="checkbox" checked="checked"/>
$('input').prop('checked'); //Retorna true
$('input').attr('checked'); //Retorna checked

:thumbsup:

  • Curtir 1
  • Obrigado 1

Compartilhar este post


Link para o post
Compartilhar em outros sites
9 horas atrás, DiF disse:

@fspjonny Na  verdade a solução do @Rodrigo J Polette só faltou o segundo parâmetro como "true". 

 

Alternativamente, podes usar também a função prop().


$("#video01").prop("controls",true); 

No seu caso, eu aconselharia usar o prop() porque ele insere o atributo pelo DOM e o attr insere no HTML.

 

Os dois fazem a mesma coisa, mas com propósitos diferentes.  Vamos supor que você tem um input checkbox e precisa que ele retorne somente true ou false.  Nesse caso usa-se o prop().

 

Agora quando precisa-se que retorne o valor do atributo, usa-se o attr().

exemplo:

 


<input type="checkbox" checked="checked"/>

$('input').prop('checked'); //Retorna true
$('input').attr('checked'); //Retorna checked

:thumbsup:

 

Exatamente o prop, vou colocar um porta retratos para pôr na minha mesa com a palavra properties, para fixar na mente o prop. 

Obrigado mais uma vez DIF, na segunda-feira vou consertar o código!

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×