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.
Vídeo do Publish 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:
-
Vídeos do Publish de forma automática e instantânea durante o carregamento: como parte do processo de carregamento de vídeo, a Adobe Dynamic Media Classic pode publicar vídeos automaticamente quando eles forem carregados e codificados. Essa capacidade de publicação instantânea significa que não há necessidade de publicar vídeos separadamente após o fato.
-
Vídeo do Publish manualmente após o carregamento: se você não quiser publicar vídeos imediatamente, 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:
-
Siga um destes procedimentos:
- Para publicar vídeos de forma automática e instantânea durante o carregamento, na página de Carregamento, selecione Publish after uploading. Você concluiu; não há mais etapas a serem concluídas.
- Para publicar vídeos manualmente depois de carregar, no painel Procurar, 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 uma URL de vídeo a um site para dispositivos móveis ou a um site:
-
No painel Procurar ativos, na lista suspensa Show, selecione Video ou Adaptive Video Set.
-
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.
-
Acima do painel Navegar por ativos, no lado direito da barra de ferramentas, siga um destes procedimentos:
-
Selecione 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 de Inserção à direita, em HTTP Streaming, selecione Copy URL à direita do visualizador desejado. Como prática recomendada, copie a URL associada ao visualizador
Universal_HTML5_Video
. -
Selecione Grid View. No painel Navegação de ativos, selecione um único ativo e, abaixo 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 a URL associada ao visualizador
Universal_HTML5_Video
. -
Selecione List View. No painel Navegar por 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 a URL associada ao visualizador
Universal_HTML5_Video
. -
Selecione 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 a URL associada ao visualizador
Universal_HTML5_Video
.
-
-
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 uma URL de vídeo a um site para dispositivos móveis ou a um site.
Para incorporar o visualizador de vídeo em uma página da Web:
-
No painel Procurar ativos, na lista suspensa Mostrar, selecione Video ou Adaptive Video Set.
-
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.
-
Acima do painel Navegar por ativos, no lado direito da barra de ferramentas, siga um destes procedimentos:
-
Selecione 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 de Inserção à direita, em HTTP Streaming, selecione Embed Code à direita do visualizador desejado. Como prática recomendada, selecione Embed Code que esteja associado ao visualizador
Universal_HTML5_Video
. -
Selecione 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 esteja associado ao visualizador
Universal_HTML5_Video
. -
Selecione List View. No painel Navegar por 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 esteja associado ao visualizador
Universal_HTML5_Video
. -
Selecione 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 esteja associado ao visualizador
Universal_HTML5_Video
.
-
-
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.
-
selecione Close.
-
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
Talvez você não queira usar o reprodutor de vídeo Adobe Dynamic Media Classic HTML5. Em vez disso, se você quiser usar a tag nativa HTML5 <video>
com ativos de vídeo MP4, poderá 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>
-
Substitua
"S7 video thumbnail URL"
pela URL da miniatura do vídeo, que é a imagem em miniatura do vídeo que um usuário vê antes de reproduzir o vídeo.Consulte Obter URLs de miniatura de vídeo.
-
Substitua
"S7 OGG video asset URL (no player)"
pela URL progressiva do vídeo para vídeo OGG.Consulte Vincular uma URL de vídeo a um site para dispositivos móveis ou a um site.
-
Substitua
"S7 MP4 mobile progressive video asset URL (no player)"
pela URL progressiva móvel do vídeo.Consulte Vincular uma URL de vídeo a um site para dispositivos móveis ou a um site.
Implantar vídeo usando um player de vídeo de terceiros deploying-video-using-a-third-party-video-player
Se você usar players 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:
- No Adobe Dynamic Media Classic, na barra Navegação Global, vá para Setup > Application Setup > General Settings.
- 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)
Na página Application General Settings, no grupo Servers, no campo de texto Published Server Name, construa a URL direta. 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, a URL direta seria 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)
Na página Application General Settings, no grupo Servers, no campo de texto HLS Streaming Server Name, construa a URL direta usando esta sintaxe:
server/company/folder/filename.ext.m3u8
Por exemplo, suponha que o nome do servidor de streaming 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
Na página Application General Settings, no grupo Servers, no campo de texto Progressive Video Server Name, construa a URL do eVideo direto usando esta 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.
Veja o vídeo do Publish.
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. Selecione Copy URL à direita da miniatura do vídeo para poder copiar a URL associada.
Modificar quadros de pôster em visualizadores de vídeo modifying-poster-frames-in-video-viewers
O quadro de pôster é o quadro inicial que aparece nos visualizadores de vídeo antes de o vídeo começar a ser reproduzido. 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 o Guia de disponibilização de imagens.
Você também pode modificar miniaturas de vídeo anexando modificadores a URLs de miniatura de vídeo.