Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
fspjonny

JQuery RESOLVIDO inserir atributo em tag html com JQuery.

Recommended Posts

Postado (editado)

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?

Editado por DiF
Colocar sempre o código dentro do botão code.

Compartilhar este post


Link para o post
Compartilhar em outros sites
Postado (editado)

Use

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

 

No seu caso

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

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

Editado por DiF
Colocar o código com o botão CODE <>
  • 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
Postado (editado)

@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:

Editado por DiF
  • 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






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

×