Adicionar vídeo, áudio ou imagens a uma página clássica

Adicionar vídeo, áudio ou imagens a uma página clássica

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

Você pode adicionar mídia (como uma imagem, áudio ou vídeo) a uma página de clássico SharePoint. O arquivo de mídia pode se originar de seu computador, do SharePoint ou de outro local, como um compartilhamento de arquivo. Você pode inserir um vídeo de um site como o YouTube, o Vimeo ou Hulu de compartilhamento de vídeo.

Aviso : Se você carregar um arquivo de áudio na. Formato WAV, talvez você veja uma mensagem que não está correta para a maioria dos navegadores. A mensagem informa, "A Web Part de Player de mídia não pode reproduzir arquivos neste formato." Isso é incorreto para todos os navegadores com suporte, exceto Chrome. Ignorar a mensagem e continuar carregar o arquivo.

Importante : Você deve ter permissão para editar páginas para seguir este procedimento.

Inserir vídeo em um clássico do SharePoint Online, 2016 ou 2013 página

  1. Vá até a página à qual você deseja adicionar a mídia.

  2. Selecione a guia Página. Depois, na faixa de opções, clique em Editar.

  3. Clique dentro de uma área editável na página.

  4. Escolha a guia Inserir e, no grupo mídia na faixa de opções, clique em vídeo e áudio.

    Inserir vídeo ou áudio botão da faixa de opções de edição

  5. Você verá as seguintes opções:

    • Do computador

    • Incorporar

    • Do SharePoint

    • Endereço do remetente

    Para obter informações sobre como inserir mídias de uma das maneiras a seguir, clique em um dos links abaixo.

Para carregar um arquivo de seu computador, siga estas etapas.

  1. Clique em Do Computador.

  2. Navegue até o local do arquivo que você deseja, selecione o arquivo e clique em Abrir.

  3. Especifique uma biblioteca de destino onde você deseja armazenar o arquivo.
    Recomendamos que você especifique uma biblioteca de ativos como o destino. Uma biblioteca de ativos destina-se especialmente para mídia e inclui automaticamente os recursos, como a visualização de imagem e miniaturas para vídeos. Esses recursos tornam mais fácil para você trabalhar com seus arquivos de mídia.
    Para saber como configurar uma biblioteca de ativos para arquivos de mídia, consulte Configurar uma biblioteca de ativos para armazenar arquivos de imagem, áudio ou vídeo.

  4. Clique em OK.

Para inserir um vídeo de um site de compartilhamento de vídeo como o YouTube, Vimeo, Hulu ou sites semelhantes, siga estas etapas básicas.

No site de vídeo, siga este procedimento:

  1. Exiba o vídeo que você deseja usar.

  2. Localize e clique em compartilhar para o vídeo.

  3. Dependendo do site, talvez seja necessário clicar em um link de inserção ou pode ser ali. Clique no código de inserção e pressioneCtrl+CPara copiar, ou clique com botão direito e clique em Copiar no menu de contexto.

Observação de segurança :  Por razões de segurança, o SharePoint só suporta o código de inserção com uma marca inteligente <iframe>.

No site do SharePoint, siga este procedimento:

  1. Clique em Incorporar.

  2. Em seguida, cole o código de inserção na caixa de diálogo.

    Captura de tela do código incorporado do <iFrame> para um vídeo copiado de um site de compartilhamento de vídeos. O código incorporado é fictício.

    Dica :  Normalmente, é fácil obter o código incorporado para um vídeo de um site popular de compartilhamento de vídeos. Apenas procure por uma opção Inserir ou Compartilhar e siga as instruções na tela para exibir o código. quando este for exibido, copie-o e cole-o conforme exibido na imagem acima.

  3. Clique em Inserir.

Para adicionar um vídeo de um local no site do SharePoint, siga estas etapas.

  1. Clique em do SharePoint. Isso abre o seletor de ativo, você pode navegar para a pasta ou biblioteca que você deseja.

  2. Navegue até um local em seu site, como uma Biblioteca de Ativos, onde os arquivos de vídeo e áudio são salvos.

  3. Selecione o arquivo desejado e clique em Inserir.

Para adicionar um vídeo de outro local na web, siga estas etapas.

  1. Clique em Do Endereço.

  2. Digite a URL para o arquivo que você deseja usar e clique em Okey. A URL deve apontar diretamente para um arquivo de vídeo. Por exemplo: http://contoso.com/VideoFile.wmv.

Quando você adiciona áudio ou vídeo a uma página, o SharePoint insere uma Web Part mídia. Depois de adicionar a mídia, você pode personalizar a Web Part. Por exemplo, talvez você queira alterar seu tamanho ou local, editar o título ou adicionar um logotipo de catálogo.

Sempre que adicionar vídeo a uma página, inclua legendas e descrições de áudio do conteúdo. As legendas permitem que usuários portadores de deficiências auditivas saibam o conteúdo e fornecem assistência para falantes não nativos que assistem ao vídeo.

Se você quiser alterar a Web Part Mídia em uma página, siga estas etapas:

  1. Vá para a página que contém o vídeo.

  2. Selecione a guia Página e clique em Editar.

  3. Quando o vídeo é exibido na página, clique em qualquer lugar na imagem de vídeo para abrir a guia de mídia e sua faixa de opções.

    Guia de mídia na faixa de opções de edição

  4. Na faixa de opções, no grupo Visualizar, aponte para Alterar Imagem e selecione o arquivo de imagem que você deseja exibir como uma visualização para o arquivo de áudio ou de vídeo. Se você não atualizar a imagem de visualização, a imagem padrão para o tipo de arquivo é exibida.

  5. No grupo Propriedades, você pode inserir ou alterar o título exibido. Também é possível especificar se você deseja reproduzir automaticamente o arquivo quando a página for carregada ou se deverá entrar em loop até parar.

  6. No grupo Estilos de Player da faixa de opções, aponte para Estilos e selecione o estilo que você prefere para o player.

  7. No grupo Tamanho da faixa de opções, você também pode escolher se quer especificar qualquer alteração que deseja fazer no tamanho Horizontal e Vertical do player.

  8. Para editar a Web Part mídia, passe o mouse sobre o título de mídia e, em seguida, clique na seta que é exibida para abrir o Menu de Web Part mídia.

    Menu da Web Part para selecionar Editar Web Part

  9. Selecione Editar Web Partpara abrir a janela de edição na lateral da tela.

  10. Na Web Part do painel de edição, escolha as propriedades que você deseja alterar. Quando terminar de fazer alterações, clique em Aplicar.

    Captura de tela do painel de edição da Web Part Mídia, exibindo algumas das propriedades que podem ser configuradas

  11. Clique em OK para fechar a janela de edição e retornar à página.

  12. Quando você terminar de fazer alterações na página, selecione a guia Página e Salvar. Se você fez check-out da página, você verá uma mensagem de aviso com um link para fazer o check-in.

Veja aqui como colocar uma quantidade barra de controle de menores e mais finos em uma página da Web. Esta barra de controle funciona melhor para arquivos de áudio, como podcasts, na qual a web part mídia completo seria grande demais.

  1. Carregue o arquivo de áudio e o arquivo de transcrição para a pasta Ativos do Site.

    1. Para abrir o menu configurações, no canto superior direito, selecione configurações.

    2. Selecione o link Conteúdo do Site.

    3. Vá para a pasta Ativos do Site.

    4. Arraste o arquivo de áudio e a transcrição para a pasta.

    5. Obtenha as URLs dos arquivos. Para abrir o menu de ação de arquivo, ao lado do nome do arquivo, selecione as reticências. Copie e cole o link do menu de ação para outro arquivo. Você precisará desse link mais tarde, no código de inserção de áudio.

  2. Para abrir a faixa de opções Edição e entrar no modo de Edição, na página em que você deseja exibir o vídeo, selecione o link Editar.

  3. Coloque o foco onde deseja que o vídeo apareça.

  4. Para abrir a caixa de diálogo Inserir, na guia Inserir, abra o grupo Vídeo e Áudio e selecione Inserir.

    Captura de tela da caixa de diálogo Inserir no SharePoint Online para colar script ou código de inserção para arquivos de áudio ou de vídeo e, em seguida, insira o código.
  5. Cole o código de inserção no campo, com a URL do arquivo de áudio após "src=" e entre aspas.

    <audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>

    O código coloca a barra de controle de mídia na página. A barra permite aos usuários iniciar e parar a reprodução.

    Dica : Se o código de inserção não estiver formatado corretamente ou se apontar para um local de arquivo que não existe, o botão Inserir não estará ativado.

  6. Quando terminar, selecione Inserir para colocar o controle de áudio na página. O controle de áudio inserido tem esta aparência:

    Captura de tela do SharePoint Online com a barra de controle de áudio Trecho mostrando a duração total de um arquivo de áudio, e fornece o controle para iniciar e parar a reprodução do arquivo.
  7. Coloque o foco no fim do trecho de controle de áudio e, para ir até próxima linha, pressione Enter.

  8. Insira um link para o arquivo de transcrição de áudio.

    1. Para abrir a caixa de diálogo Selecionar um Ativo, na guia Inserir, selecione Link e Do SharePoint.

    2. Selecione o arquivo de transcrição de áudio e pressione Inserir. Isso insere um hiperlink com o nome do arquivo como o texto do link.

    3. Coloque o foco no link, logo antes do último caractere do nome do arquivo. Pressione lentamente a tecla Backspace para remover tudo, exceto o primeiro e o último caracteres do nome do arquivo.

      Dica : Isso deixa o link intacto e mantém o cursor exatamente onde ele precisa estar para que você possa alterar o texto do link.

    4. Digite o texto desejado para o link. Por exemplo, para uma transcrição de áudio, digite Exibir a transcrição de áudio.

    5. Exclua os caracteres restantes do nome do arquivo.

  9. Quando terminar, para salvar todas as alterações, na parte superior da página, clique em Salvar.

Se você estiver usando o SharePoint Online clássico, você pode adicionar Vídeo do Office 365 ou Microsoft Stream à sua página. Consulte Inserir um vídeo de vídeo do Office 365 ou usar a web part do fluxo.

Ao usar fotos, imagens, clip-art ou áudio, você é responsável pelo respeito aos direitos autorais.

  1. Para abrir a faixa de opções Edição e entrar no modo de Edição, na página que você deseja editar, selecione o link Editar.

  2. Coloque o foco onde você deseja que a imagem apareça.

  3. Para abrir a caixa de diálogo Carregar Imagem, na guia Inserir, abra o grupo Imagem e selecione Do Computador.

    Captura de tela da faixa de opções do SharePoint Online. Selecione a guia Inserir e depois Imagem para escolher se deseja carregar um arquivo de seu computador, de um endereço da Web ou de um local do SharePoint.

    Dica : Para inserir uma imagem da Internet, colando um URL da imagem, selecione Do endereço. Para inserir uma imagem de seu site de SharePoint, selecione Do SharePoint.

  4. Escolha seu arquivo, selecione uma pasta de destino no seu site de SharePoint (a opção padrão é a pasta de Ativos do Site ) e incluir todas as anotações sobre a versão de imagem diferente.

  5. Para inserir a imagem e ativar a guia Imagem, selecione OK.

    A captura de tela mostra uma seção da faixa de opções do SharePoint Online com a guia Imagem selecionada, e as opções disponíveis nos grupos Selecionar, Propriedades, Estilos, Organizar, Tamanho e Espaçamento.

    Dica : A guia Imagem é visível apenas quando uma imagem é selecionada.

  6. Vá até a caixa Texto Alt na guia Imagem e insira o texto alternativo para a imagem.

  7. Ao concluir, clique em Salvar.

Dicas de Acessibilidade   

  • O texto Alt deve ser breve, mas descritivo.

  • Um bom texto Alt informa ao ouvinte por que a imagem é importante.

Para saber mais sobre texto Alt, incluindo exemplos e links para obter mais informações, acesse a página Texto alternativo WebAIM.

Adicionar a Web Part mídia a uma página

Você pode usar a Web Part mídia para reproduzir clipes de áudio ou vídeo em uma página. Para obter informações sobre os formatos específicos de áudio e vídeo compatíveis com a Web Part mídia, consulte suporte para formatos de mídia e protocolos Silverlight.

Você deve ter permissão para editar páginas para seguir este procedimento.

  1. Vá para a página que você deseja atualizar.

  2. Na guia página da faixa de opções, clique em Editar.

  3. Siga um destes procedimentos:

    • Se você estiver editando uma página wiki ou uma página de publicação, clique em um local editável na página onde você deseja adicionar a Web Part mídia, clique na guia Inserir em Ferramentas de edição na faixa de opções e clique em vídeo e áudio.

    • Se você estiver editando uma página de Web Part, clique em Adicionar uma Web Part na coluna ou zona onde você deseja inserir mídia. Em categorias, clique em mídia e conteúdo. Em Web Parts, clique em Web Part mídia e, em seguida, clique em Adicionar.

  4. Quando a Web Part mídia aparecer na página, clique no texto afirmando clique aqui para configurar.
    Web Part Mídia recém-inserida

  5. Clique na guia Opções de mídia na faixa de opções.

  6. Para configurar a Web Part mídia para exibir um determinado arquivo de áudio ou vídeo, aponte para Alterar mídia e, em seguida, selecione um destes procedimentos:

    • Para carregar um arquivo do seu computador, clique em Do computador, navegue até o local do arquivo desejado e clique em Okey.

    • Para incorporar um vídeo que já está salvo em um site do SharePoint, clique em Do SharePoint e então e navegue até um local no seu site, como uma Biblioteca de ativos, onde os arquivos de vídeo e áudio são salvos. Selecione o arquivo desejado e clique em Okey.

    • Para incorporar um vídeo de um site de compartilhamento de vídeo, clique em Do endereço, digite a URL para o arquivo que você deseja usar e clique em Okey.

      A Web Part de mídia dá suporte a reprodução de arquivos de endereços URL que apontam diretamente para um arquivo de vídeo. Por exemplo: http://contoso.com/VideoFile.wmv. Se você usa o código de inserção ou compartilhamento de links para páginas que hospedam vídeo, eles não funcionarão. Para obter informações sobre a inserção de vídeos usando o código de inserção, consulte Inserir um vídeo em uma página usando código de inserção.

  7. Quando você tiver selecionado o arquivo desejado, clique em Okey.

  8. No grupo Visualizar, aponte para Alterar imagem e selecione o arquivo de imagem que você gostaria de exibir como uma visualização para o arquivo de áudio ou vídeo. Se você não atualizar a imagem de visualização, a imagem padrão para o tipo de arquivo será exibida.

  9. No grupo Propriedades, especifique o título da Web Part que você deseja exibir. Você também pode especificar se deseja que o arquivo seja executado automaticamente quando a página for carregada, ou se ele deve repetir até parar.

  10. No grupo Estilos de Player da faixa de opções, aponte para estilos e selecione o estilo desejado para o player.

  11. No grupo tamanho na faixa de opções, opcionalmente, você pode especificar qualquer alteração que você deseja fazer o tamanho Horizontal e Vertical do player.

Você pode usar a Web Part de consulta de conteúdo para adicionar uma exibição dinâmica de arquivos de áudio ou vídeo a uma página. Isso é útil se você quiser adicionar uma seção à sua página que apresenta "melhores" vídeos ou todos os vídeos com uma marca de metadados específicos.

exemplo de web part consulta de conteúdo

Quando você adiciona uma Web Part de consulta de conteúdo a uma página, você pode configurá-lo para consultar todos os itens de conteúdo em um site que atendem a critérios específicos. Em seguida, ele exibe os resultados da consulta na página. Se o novo conteúdo é adicionado ao site e ele atende aos critérios da consulta, ela também será exibida na Web Part. A Web Part de consulta de conteúdo pode retornar conteúdo de uma lista individual ou biblioteca, ou de várias listas e bibliotecas através de um conjunto de sites.

Você deve ter permissão para editar páginas para seguir este procedimento.

Este procedimento supõe que você deseja exibir vídeos, mas também funcionará para arquivos de áudio ou imagem.

  1. Vá para a página que você deseja atualizar.

  2. Na guia página da faixa de opções, clique em Editar. Siga um destes procedimentos:

    • Se você estiver editando uma página wiki ou uma página de publicação, clique em uma área editável da página onde você deseja adicionar a Web Part de consulta de conteúdo. Clique na guia Inserir da faixa de opções Ferramentas de edição e, em seguida, clique em Web Part. Em categorias, clique em Acúmulo de conteúdo. Em Web Parts, clique em Consulta de conteúdo e, em seguida, clique em Adicionar.

    • Se você estiver editando uma página de Web Part, clique em Adicionar uma Web Part na coluna ou zona onde você deseja adicionar a Web Part de consulta de conteúdo. Em categorias, clique em Acúmulo de conteúdo. Em Web Parts, clique em Consulta de conteúdo e, em seguida, clique em Adicionar.

  3. Na consulta Web Part de conteúdo, clique na seta e, em seguida, clique em Editar Web Part.

  4. Clique no link Abrir o painel de ferramentas.

  5. No painel de ferramentas de consulta de conteúdo, clique para expandir a consulta.

  6. Em fonte, especifique o local para os itens que você deseja mostrar. Se necessário, navegue até o local do site específico, subsite ou lista.

  7. Se você como o escopo de sua consulta ao site, em tipo de lista, especifique o tipo de lista do qual você deseja mostrar itens. Se você selecionou uma lista específica ou a biblioteca na etapa 6, em seguida, esse campo será automaticamente preenchido para você.

  8. Em Tipo de conteúdo, em Mostrar itens desse grupo de tipo de conteúdo, selecione Tipos de conteúdo de ativo Digital.

  9. Em Mostrar itens desse tipo de conteúdo, selecione o vídeo. Se sua organização tiver criado versões personalizadas do ativo digital tipos de conteúdo, também convém selecionar a caixa de seleção Incluir tipos de conteúdo filho.

  10. Opcionalmente, em Direcionamento de audiência, você pode optar por aplicar audiência filtragem, que exibirá certos itens a certas audiências, dependendo de como o público-alvo está configurado para o seu site.

  11. Em Filtros adicionais, você pode usar metadados do item para filtrar o que é exibido. Por exemplo, se você quiser mostrar vídeos que foram marcados com uma palavra-chave específica, selecione Palavras-chave corporativas com o operador contém qualquer e digite os valores desejados.

  12. Se você quiser adicionar mais filtros, clique em e ou ou e especifique filtros adicionais.

  13. Expanda a apresentação, faça quaisquer personalizações que você deseja em agrupamento e classificação, estilos e campos a serem exibidos. Em estilos, é útil certificar-se de que a caixa de seleção executar links de mídia no navegador está marcada se quiser que os visitantes do site possam reproduzir clipes de mídia diretamente no navegador.

    Quando configurar inicialmente a Web Part de consulta de conteúdo, você pode não saber como você deseja configurar os itens em apresentação. Talvez seja útil primeiro visualizar sua consulta na Web Part e, em seguida, editá-lo novamente para fazer personalizações a aparência das informações.

    Por exemplo, se você não personalizar qualquer uma das configurações em apresentação, vídeos podem ser exibidos com uma imagem de visualização grande, que pode não funcionar com o design da página. Nesse caso, talvez você queira selecionar imagem de tamanho fixo em estilos de | Estilo de item para fornecer os visitantes do site com imagens de visualização pequeno eles podem clicar para reproduzir vídeos. O exemplo a seguir mostra uma consulta Web Part conteúdo que está exibindo três vídeos. Ele foi configurado com uma imagem de tamanho fixo.
    web part consulta de conteúdo configurada com imagem de tamanho fixo

  14. Clique em OK.

  15. Salve as alterações para a página.

Para obter mais informações sobre a Web Part de consulta de conteúdo, consulte Mostrar um modo de exibição dinâmico do conteúdo em uma página adicionando a Web Part de consulta de conteúdo.

Se desejar usar o código de inserção de um site de compartilhamento de vídeo de terceiros para adicionar um vídeo a uma página, você pode fazer isso adicionando o código de inserção para a Web Part do Editor de conteúdo.

Você deve ter permissões de Designer para seguir este procedimento.

  1. Localize o vídeo que você deseja inserir na página e copie o código de inserção.

  2. Vá para a página que você deseja atualizar.

  3. Na guia página da faixa de opções, clique em Editar. Siga um destes procedimentos:

    • Se você estiver editando uma página wiki, clique em um local na página onde você deseja adicionar a Web Part do Editor de conteúdo, clique na guia Inserir da faixa de opções Ferramentas de edição e, em seguida, clique em Web Part. Em categorias, clique em mídia e conteúdo. Em Web Parts, clique em Editor de conteúdo e, em seguida, clique em Adicionar.

    • Se você estiver editando uma página de Web Part, clique em Adicionar uma Web Part na coluna ou zona onde você deseja inserir mídia. Em categorias, clique em mídia e conteúdo. Em Web Parts, clique em Editor de conteúdo e, em seguida, clique em Adicionar.

  4. Na Web Part do Editor de conteúdo, aponte para a seta e clique em Editar Web Part.

  5. Na Web Part do Editor de conteúdo, digite qualquer texto que você deseja exibir para apresentar o vídeo.

  6. Na guia Formatar texto da faixa de opções Ferramentas de edição, no grupo marcação, clique em HTML e, em seguida, clique em Editar fonte de HTML.
    comando editar origem html

  7. Cole o código de inserção na caixa de diálogo Fonte HTML e clique em Okey.
    editor de origem html para web part editor de conteúdo com código de inserção para um vídeo

  8. Salvar a página (ou salvar e fazer check-in, se o check-out é exigido para páginas do site).

  9. Clique no botão Reproduzir no player de vídeo incorporado para reproduzir o vídeo.

Adicionando imagens com texto Alt

Para tornar seu conteúdo acessível para todos os usuários, siga estas diretrizes.

Ao usar fotos, imagens, clip-art ou áudio, você é responsável pelo respeito aos direitos autorais.

  1. Para abrir a faixa de opções Edição e entrar no modo de Edição, na página que você deseja editar, selecione o link Editar.

  2. Coloque o foco onde você deseja que a imagem apareça.

  3. Para adicionar uma imagem, na guia Inserir, abra o grupo de imagem e selecione Do computador.

    Clique no botão de imagem na faixa de opções e selecione de computador, endereço ou SharePoint.

    Dica : Para inserir uma imagem da Internet, colando um URL da imagem, selecione Do endereço. Para inserir uma imagem de seu site de SharePoint, selecione Do SharePoint.

  4. Escolha seu arquivo, selecione uma pasta de destino no seu site de SharePoint (a opção padrão é a pasta de Ativos do Site ) e incluir todas as anotações sobre a versão de imagem diferente.

  5. Para inserir sua imagem e ativar a guia Ferramentas de imagem, selecione Okey.

    As ferramentas de imagem da guia permite que você definir o tamanho, estilo, posição e texto alt em imagens.

    Dica : Guia Ferramentas de imagem está visível somente quando uma imagem é selecionada.

  6. Vá até a caixa Texto Alt na guia Imagem e insira o texto alternativo para a imagem.

  7. Ao concluir, clique em Salvar.

Dicas de Acessibilidade   

  • O texto Alt deve ser breve, mas descritivo.

  • Um bom texto Alt informa ao ouvinte por que a imagem é importante.

Para saber mais sobre texto Alt, incluindo exemplos e links para obter mais informações, acesse a página Texto alternativo WebAIM.

Formatos de vídeo com suporte

A Web Part mídia usa vídeo de HTML5 e suporta asf, avi, mpg, mp3, mp4, ogg, ogv, webm, wma e formatos de vídeo wmv

A Web Part do Silverlight mídia clássico suporta asf, mp3, mp4, wma e wmv.

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×