JQuery inserir atributo em tag html com JQuery.

[Visitante]

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?

[Rodrigo J Polette]

Use

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

 

No seu caso

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

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

[Visitante]

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!

[DiF]

@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

[Visitante]

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

 

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!