Implantar vídeo em seus sites e sites móveis deploying-video-to-your-websites-and-mobile-sites

Sites, sites móveis e aplicativos de desktop acessam o conteúdo do servidor do Adobe Dynamic Media Classic, incluindo vídeo, usando cadeias de caracteres de URL ou código incorporado. O Adobe Dynamic Media Classic ativa essas cadeias de caracteres de URL durante o processo de publicação. Para colocar a string de URL ou o código incorporado do vídeo em suas páginas da Web, páginas móveis e aplicativos de desktop, copie-o do Adobe Dynamic Media Classic.

NOTE
O URL ou código de inserção não estará ativo até que você publique o ativo.

Publicar vídeo publishing-video

A publicação de um vídeo permite que os servidores da Adobe Dynamic Media Classic forneçam vídeo ao seu site, site móvel ou aplicativo.

Há dois métodos diferentes que podem ser usados para publicar vídeos:

  • Publicar vídeos automática e instantaneamente no upload - Como parte do processo de carregamento de vídeo, o Adobe Dynamic Media Classic pode publicar vídeos automaticamente quando eles forem carregados e codificados. Essa capacidade de publicar instantaneamente significa que não há necessidade de publicar vídeos separadamente após o fato.

  • Publicar vídeo manualmente após o upload - Se não quiser publicar vídeos imediatamente, você poderá publicar vídeos manualmente a qualquer momento.

Depois de publicar vídeos, o Adobe Dynamic Media Classic ativa as cadeias de caracteres de URL da sua página de HTML ou código do aplicativo.

Para publicar vídeo:

  1. Siga um destes procedimentos:

    • Para publicar vídeos de forma automática e instantânea durante o upload, na página Upload, selecione Publish after uploading. Você concluiu; não há mais etapas a serem concluídas.
    • Para publicar vídeos manualmente depois de fazer upload, no Painel de navegação, selecione os vídeos e, na barra Navegação global, selecione Publish.

Vincular um URL de vídeo a um site para dispositivos móveis ou site linking-a-video-url-to-a-mobile-site-or-a-website

Ao publicar um vídeo, você pode obter o URL associado para uso no seu site, site para dispositivos móveis ou aplicativo de desktop. Use o URL do vídeo quando quiser exibir o vídeo em uma janela pop-up ou modal na parte superior da página da Web.

Quando um cliente seleciona o link, seu dispositivo, largura de banda e tamanho de tela são detectados automaticamente. O vídeo apropriado é exibido para reprodução em um visualizador predefinido para desktop ou no player de vídeo nativo do dispositivo móvel para smartphones e tablets.

Consulte também Incorporar o visualizador de vídeo em uma página da Web.

Para vincular um URL de vídeo a um site para dispositivos móveis ou site:

  1. No painel Navegar por ativos, no Show selecione Video ou Adaptive Video Set.

  2. no painel Biblioteca de ativos à esquerda, navegue até a pasta de ativos que contém o vídeo ou o conjunto de vídeos adaptáveis que deseja vincular.

  3. Acima do painel Navegar por ativos, no lado direito da barra de ferramentas, siga um destes procedimentos:

    • Selecionar Grid View ou List View. No painel Navegação de ativos, clique duas vezes na miniatura de vídeo de um único ativo para abri-lo na Exibição de detalhes. No painel URLs e código incorporado à direita, em HTTP Streaming, selecione Copy URL à direita do visualizador desejado. Como prática recomendada, copie o URL associado à Universal_HTML5_Video visualizador.

    • Selecionar Grid View. No painel Navegação de ativos, selecione um único ativo e, abaixo da imagem em miniatura, acesse Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Copy URL. Como prática recomendada, copie o URL associado à Universal_HTML5_Video visualizador.

    • Selecionar List View. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, vá para Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Copy URL. Como prática recomendada, copie o URL associado à Universal_HTML5_Video visualizador.

    • Selecionar Grid View, List View ou Detail View. Na mesma barra de ferramentas, vá para Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Copy URL. Como prática recomendada, copie o URL associado à Universal_HTML5_Video visualizador.

  4. Cole o link do URL do vídeo do HTML5 em seu site e site para dispositivos móveis.

Incorporar o visualizador de vídeo em uma página da Web embedding-the-video-viewer-on-a-web-page

Use o recurso Incorporar código quando quiser reproduzir o vídeo incorporado na página da Web. Copie o código incorporado na área de transferência para poder colá-lo nas páginas da Web. A edição do código não é permitida na caixa de diálogo Incorporar código.

Consulte também Vincular um URL de vídeo a um site para dispositivos móveis ou site.

Para incorporar o visualizador de vídeo em uma página da Web:

  1. No painel Navegar por ativos, na lista suspensa Mostrar, selecione Video ou Adaptive Video Set.

  2. no painel Biblioteca de ativos à esquerda, navegue até a pasta de ativos que contém o vídeo ou o conjunto de vídeos adaptáveis cujo código incorporado você deseja copiar.

  3. Acima do painel Navegar por ativos, no lado direito da barra de ferramentas, siga um destes procedimentos:

    • Selecionar Grid View ou List View. No painel Navegação de ativos, clique duas vezes na miniatura de vídeo de um único ativo para abri-lo na Exibição de detalhes. No painel URLs e código incorporado à direita, em HTTP Streaming, selecione Embed Code à direita do visualizador desejado. Como prática recomendada, selecione Embed Code que está associado à variável Universal_HTML5_Video visualizador.

    • Selecionar Grid View. No painel Navegar por ativos, selecione um único ativo e, abaixo da imagem em miniatura do vídeo, selecione Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Embed Code. Como prática recomendada, selecione Embed Code que está associado à variável Universal_HTML5_Video visualizador.

    • Selecionar List View. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, vá para Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Embed Code. Como prática recomendada, selecione Embed Code que está associado à variável Universal_HTML5_Video visualizador.

    • Selecionar Grid View, List View ou Detail View. Na mesma barra de ferramentas, vá para Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Embed Code. Como prática recomendada, selecione Embed Code que está associado à variável Universal_HTML5_Video visualizador.

  4. Na caixa de diálogo Incorporar código, selecione Copy to Clipboard.

    A edição do código não é permitida na caixa de diálogo Incorporar código.

  5. selecionar Close.

  6. Cole o código incorporado nas páginas da Web.

Implementar o código incorporado para usar vídeo HTML5 com ativos de vídeo MP4 implementing-embed-code-for-using-html-video-with-mp-video-assets

Se você não usa o reprodutor de vídeo Adobe Dynamic Media Classic HTML5, mas deseja usar o HTML 5 nativo <video> com ativos de vídeo MP4, você pode usar a seguinte amostra de código incorporado:

<video poster="S7 video thumbnail URL" controls>
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/>
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
        <p>This is fallback content</p>
</video>

Implantar vídeo usando um player de vídeo de terceiros deploying-video-using-a-third-party-video-player

Se você usar um player de vídeo de terceiros ou um player de vídeo personalizado em vez de um visualizador de vídeo do Dynamic Media Classic, obterá o URL de vídeo direto que funciona para streaming de vídeo de taxa de multi bits do HLS ou download progressivo.

Para implantar vídeo usando um player de vídeo de terceiros:

  1. No Adobe Dynamic Media Classic, na barra Navegação global, acesse Setup > Application Setup > General Settings.
  2. Dependendo do tipo de URL que deseja usar, execute uma das seguintes tarefas:
  • Para gerar um URL de vídeo de streaming HLS direto (taxa de multi bits)

    No Application General Settings página, no campo Servers grupo, no Published Server Name campo de texto, crie o URL direto. Use a seguinte sintaxe: server/is/content/company/folder/filename.m3u8

    Por exemplo, suponha que o nome do servidor publicado seja https://s7d9.scene7.com/. Usando a sintaxe na etapa 2, o URL direto pode ser semelhante ao seguinte:
    https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8

  • Para gerar um URL de vídeo de streaming HLS direto (taxa de bit único)

    No Application General Settings página, no campo Servers grupo, no HLS Streaming Server Name campo de texto, crie o URL direto usando a seguinte sintaxe:

    server/company/folder/filename.ext.m3u8

    Por exemplo, suponha que o nome do servidor de transmissão HLS seja https://s7mbrstream.scene7.com/hls-vod/. Usando a sintaxe na etapa 2, o URL direto pode ser semelhante ao seguinte:
    https://s7mbrstream.scene7.com/hls-vod/GeoRetail/MBR/ToyStory3\_Teaser1\_High\_iPad\_768x432\_1296K.mp4.m3u8

  • Para gerar um URL direto de vídeo progressivo

    No Application General Settings página, no campo Servers grupo, no Progressive Video Server Name , crie o URL direto do eVideo usando a seguinte sintaxe:

    server/company/folder/filename

    Por exemplo, suponha que o nome do servidor de vídeo progressivo seja https://s7d9.scene7.com/is/content/. Usando a sintaxe na etapa 2, o URL direto pode ser semelhante ao seguinte:
    https://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

Trabalhar com miniaturas de vídeo working-with-video-thumbnails

O Adobe Dynamic Media Classic gera miniaturas para vídeos codificados e vídeos pré-codificados. Você pode usar miniaturas de vídeo como qualquer ativo de imagem. Além disso, você pode obter URLs para as miniaturas de vídeo geradas pelo Adobe Dynamic Media Classic. Em seguida, é possível implantar esses URLs fora do Adobe Dynamic Media Classic. Por exemplo, você pode implantar as miniaturas em resultados de pesquisa, listagens de vídeo relacionadas e listas de reprodução de vídeo em um site.

As miniaturas são geradas com base no primeiro quadro heterogêneo (não um quadro totalmente preto, ou um quadro totalmente branco e assim por diante) do vídeo.

Obter URLs de miniatura de vídeo obtaining-video-thumbnail-urls

O Adobe Dynamic Media Classic gera miniaturas de vídeo automaticamente durante o processo de upload. As miniaturas aparecem no painel Procurar na Exibição de lista e na Exibição de grade.

Para gerar URLs para miniaturas de vídeo, execute uma operação de publicação.

Consulte Publicar vídeo.

Após a publicação, é possível obter URLs de miniatura de vídeo na Exibição de detalhes no painel URLs e Código incorporado. Selecionar Copy URL à direita da miniatura do vídeo para que você possa copiar o URL associado.

Modificar quadros de pôster em visualizadores de vídeo modifying-poster-frames-in-video-viewers

A variável quadro do pôster é o quadro inicial que aparece nos visualizadores de vídeo antes do início da reprodução do vídeo. O Adobe Dynamic Media Classic usa miniaturas de vídeo como quadros de pôster.

Você pode aplicar modificadores de imagem ao quadro do pôster. Por exemplo, é possível cortar o quadro de pôster ou torná-lo transparente. Para modificar o quadro de pôster, abra a tela de configuração do visualizador de vídeo e insira modificadores na seção Modificadores de imagem do pôster.

Consulte Adicionar ou editar uma predefinição do visualizador de vídeo.

Consulte Guia de disponibilização de imagens.

Você também pode modificar miniaturas de vídeo anexando modificadores a URLs de miniatura de vídeo.

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26