Meta tags:
description=O atributo controls é um atributo boolean que especifica que os controles de áudio/vídeo devem ser exibidos. Veja exemplos de uso em diferentes elementos.;

Headings (most frequently used words):

controls, atributo, controles, exemplo, no, elemento, com, do, html, por, que, importante, quais, são, exibidos, sintaxe, audio, video, removendo, específicos, controlslist, autoplay, muted, tópicos, relacionados, prática,

Text of the page (most frequently used words):
html (63), #controls (29), video (21), svg (19), #controles (16), atributo (16), para (15), aprender (15), audio (14), que (14), elemento (12), canvas (9), com (8), html5 (7), source (7), não (7), the (7), title (7), autoplay (6), áudio (6), uma (6), mp4 (6), src (6), você (6), elementos (6), reproduzir (6), tags (6), w3docs (5), todos (5), controlslist (5), por (5), vídeo (5), copiar (5), navegadores (5), body (5), https (5), head (5), navegador (5), introdução (5), formatter (5), color (5), code (4), generator (4), prática (4), javascript (4), css (4), muted (4), exemplo (4), são (4), usado (4), tag (4), type (4), ele (4), ocultar (4), download (4), media (4), url (4), sem (4), atributos (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), exibidos (3), imagens (3), padrão (3), texto (3), track (3), dos (3), reprodução (3), mídia (3), interface (3), botão (3), tela (3), quando (3), your (3), browser (3), does (3), not (3), support (3), interactive (3), examples (3), mdn (3), mozilla (3), net (3), cc0 (3), style (3), doctype (3), seus (3), boolean (3), como (3), picture (3), volume (3), pausar (3), templates (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), exemplos (2), snippets (2), tópicos (2), relacionados (2), removendo (2), específicos (2), sintaxe (2), quais (2), importante (2), this (2), page (2), coords (2), contenteditable (2), adicionar (2), multimídia (2), tabela (2), serve (2), movie (2), maioria (2), som (2), iniciar (2), usuário (2), pode (2), chromium (2), portanto (2), firefox (2), safari (2), apenas (2), nodownload (2), nofullscreen (2), noremoteplayback (2), outro (2), dispositivo (2), cheia (2), chrome (2), edge (2), experimente (2), mesmo (2), element (2), videos (2), flower (2), webm (2), document (2), primeiro (2), substitua (2), próprios (2), arquivo (2), button (2), sua (2), omiti (2), incluir (2), eles (2), aparecem (2), renderizam (2), legendas (2), kind (2), mudo (2), tempo (2), atual (2), duração (2), barra (2), progresso (2), navegação (2), geralmente (2), incluem (2), aos (2), usuários (2), teclado (2), nenhuma (2), accept (2), dir (2), formulários (2), referência (2), tutorial (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, sobre, empresa, try, tutoriais, gratuitos, web, desde, 2014, next, previous, yes, was, helpful, verificar, manipular, documento, oferecer, adicionais, controlar, comportamento, combinar, bloqueará, automática, adicione, possa, ativar, através, faz, parte, finalizado, atualmente, recurso, ignoram, oculta, mecanismo, segurança, drm, determinado, ainda, acessar, transmissão, quer, nativos, mas, precisa, dois, baseados, opera, suportam, relacionado, aceita, lista, tokens, separados, espaço, desativam, individuais, some, information, about, 666, solid, border, 220, height, 300, width, aqui, múltiplos, permitem, escolha, formato, consegue, arquivos, estável, dentro, conteúdo, fallback, muito, antigos, pelo, caminho, seu, próprio, qualquer, acessível, click, play, hear, clip, rex, roar, mp3, simples, presença, ativa, valor, importa, equivalentes, basta, conjunto, exato, móveis, própria, nativa, alguns, relevantes, trate, aparência, detalhe, controla, totalmente, padronizado, dependente, subtítulos, está, presente, subtitles, captions, alternar, oferece, maneira, avançar, ajustar, permite, leitores, operem, menos, esteja, criando, player, personalizado, acessíveis, quase, sempre, recomendável, alternativa, problema, tanto, usabilidade, quanto, acessibilidade, completamente, invisível, página, exibe, quadro, caixa, preta, forma, visível, instrui, exibir, integrados, foi, introduzido, especifica, devem, ser, veja, uso, diferentes, charset, checked, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, disabled, content, async, alt, attribute, reference, forms, vídeos, youtube, class, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, filtros, stroking, text, path, polyline, polygon, linha, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, var, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, strong, strike, span, spacer, small, select, section, script, samp, ruby, rtc, progress, pre, plaintext, param, output, option, optgroup, object, noscript, noframes, nobr, nav, meter, meta, menuitem, menu, marquee, mark, map, main, link, legend, label, keygen, kbd, isindex, ins, input, img, iframe, hgroup, header, frameset, frame, form, footer, font, figure, figcaption, fieldset, embed, div, dialog, dfn, details, del, datalist, data, colgroup, col, cite, center, caption, blockquote, blink, big, bdo, bdi, basefont, base, aside, article, area, applet, address, acronym, abbr, evento, globais, obsoletas, xhtml, tipos, mime, mensagens, status, métodos, atalhos, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, caracteres, references, migração, suporte, semânticos, layout, computercode, caminhos, estilos, scripts, blocos, tabelas, comentários, cores, listas, links, formatação, títulos, básicas, editores, basics, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos,

Text of the page (random words):
atributo controls do html w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar aprender html html basics introdução ao html editores e ferramentas elementos html tags básicas do html atributos html títulos html formatação html links html listas html cores em html comentários html tabelas html blocos html scripts html estilos html css caminhos de arquivo html html computercode html templates templates de layout templates de formulários html 5 introdução ao html5 tags html5 elementos semânticos áudio vídeo suporte a navegadores html5 migração para html5 html references conjuntos de caracteres ascii iso 8859 1 códigos de idioma iso codificação utf 8 entidades html atalhos de teclado métodos http imagens html mensagens de status http tipos mime tabela de tags html xhtml html url html tags tags obsoletas atributos globais html atributos de evento tags html doctype a abbr acronym address applet area article aside audio b base basefont bdi bdo big blink blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h6 head header hgroup hr html i iframe img input ins isindex kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noframes noscript object ol optgroup option output p param plaintext picture pre progress q rb rp rt rtc ruby s samp script section select small source spacer span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp canvas tutorial introdução ao canvas desenhando no canvas coordenadas do canvas gradientes no canvas texto no canvas imagens no canvas referência do canvas svg tutorial introdução ao svg svg no html5 retângulo svg círculo svg svg elipse linha svg svg polygon svg polyline svg path svg text svg stroking introdução aos filtros svg efeitos de desfoque svg sombras projetadas svg svg lineargradient gradiente radial svg referência svg html attributes atributos obsoletos atributo class do html atributo id do html html media html multimídia vídeos do youtube em html html forms formulários html html attribute reference alt async accept content contenteditable controls coords disabled download draggable autocomplete autofocus defer dir colspan accesskey action autoplay checked accept charset atributo controls do html o atributo controls é um atributo boolean que especifica que os controles de áudio vídeo devem ser exibidos veja exemplos de uso em diferentes elementos o atributo controls do html é um atributo boolean que instrui o navegador a exibir seus controles de reprodução integrados para um elemento audio ou video ele foi introduzido no html5 por que o atributo controls é importante por padrão os elementos audio e video não renderizam nenhuma interface visível um elemento audio sem controls é completamente invisível na página e um elemento video sem ele exibe apenas o primeiro quadro ou uma caixa preta sem nenhuma forma de iniciar a reprodução adicionar controls oferece aos usuários uma maneira de reproduzir pausar avançar e ajustar o volume e permite que usuários de teclado e leitores de tela operem a mídia a menos que você esteja criando um player javascript personalizado com seus próprios controles acessíveis quase sempre é recomendável incluir controls omiti lo sem uma alternativa é um problema tanto de usabilidade quanto de acessibilidade quais controles são exibidos para o elemento audio os controles do navegador geralmente incluem reproduzir pausar barra de progresso navegação tempo atual duração volume mudo para o elemento video eles geralmente incluem reproduzir pausar barra de progresso navegação tempo atual duração volume mudo alternar tela cheia legendas subtítulos quando um track com kind captions ou kind subtitles está presente picture in picture download reproduzir em outro dispositivo dependente do navegador o conjunto exato de controles e como eles aparecem não é padronizado chrome firefox safari edge e navegadores móveis renderizam sua própria interface nativa e alguns controles como legendas ou download só aparecem quando são relevantes trate a aparência como um detalhe do navegador que você não controla totalmente sintaxe controls é boolean sua simples presença ativa os controles o valor não importa portanto controls controls e controls controls são todos equivalentes para omiti lo basta não incluir o atributo audio controls audio copiar exemplo controls no elemento audio doctype html html head title title of the document title head body audio controls src https interactive examples mdn mozilla net media cc0 audio t rex roar mp3 your browser does not support the audio element audio p click the play button to hear the clip p body html copiar experimente você mesmo o texto dentro do elemento your browser does not support é conteúdo de fallback para navegadores muito antigos substitua o src pelo caminho do seu próprio arquivo de áudio ou qualquer url de áudio https acessível exemplo controls no elemento video aqui múltiplos elementos source permitem que o navegador escolha o primeiro formato que consegue reproduzir substitua por seus próprios arquivos ou uma url https estável doctype html html head title title of the document title style video width 300 px height 220 px border 1 px solid 666 style head body video controls source src https interactive examples mdn mozilla net media cc0 videos flower webm type video webm source src https interactive examples mdn mozilla net media cc0 videos flower mp4 type video mp4 your browser does not support the video element video p some information about the video p body html copiar experimente você mesmo removendo controles específicos com controlslist quando você quer a maioria dos controles nativos mas precisa ocultar um ou dois os navegadores baseados em chromium chrome edge opera suportam o atributo relacionado controlslist ele aceita uma lista de tokens separados por espaço que desativam controles individuais nodownload ocultar o botão de download nofullscreen ocultar o botão de tela cheia vídeo noremoteplayback ocultar o botão reproduzir em outro dispositivo transmissão video controls controlslist nodownload nofullscreen noremoteplayback source src movie mp4 type video mp4 video copiar controlslist não faz parte de um padrão finalizado e é atualmente um recurso do chromium portanto firefox e safari o ignoram ele apenas oculta elementos de interface não é um mecanismo de segurança ou drm e um usuário determinado ainda pode acessar a mídia controls com autoplay e muted se você combinar controls com autoplay a maioria dos navegadores bloqueará a reprodução automática com som adicione o atributo muted para que a mídia possa iniciar e o usuário pode ativar o som através dos controles video controls autoplay muted source src movie mp4 type video mp4 video copiar tópicos relacionados tag html video tag html audio tag html source tag html track atributo html autoplay áudio e vídeo em html5 prática prática para que serve o atributo controls do html para que serve o atributo controls do html é usado para controlar o comportamento de uma tabela html é usado para oferecer controles adicionais em um elemento de texto é usado para adicionar controles multimídia padrão a um elemento de áudio ou vídeo é usado para manipular imagens em um documento html verificar was this page helpful yes no previous contenteditable next coords on this page por que o atributo controls é importante quais controles são exibidos sintaxe exemplo controls no elemento audio exemplo controls no elemento video removendo controles específicos com controlslist controls com autoplay e muted tópicos relacionados prática w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores