VideoPlayer – Xamarin.Forms

Olá, neste post irei demonstrar como a sua aplicação Xamarin.Forms pode reproduzir vídeos.

Para este exemplo irei assumir que você já criou sua aplicação Xamarin.Forms, caso possua alguma dúvida sobre isso, recomendo ler o post Criando um projeto Xamarin.Forms.

 

ADICIONANDO O NUGET PACKAGE

Clique com o botão direito em cima de sua Solution e selecione “Manage NuGet Packages for Solution…”.

1

 

Digite “Rox.Xamarin.Video” e selecione o plugin como demonstrado na imagem a seguir.

2.2

 

Selecione todos os projetos e clique no botão “Install”.

2.2

Xaml

Referencie o namespace do Rox.Xamarin.Video.Portable, em seguida adicione um VideoView e edite algumas de suas propriedades, como por exemplo:

  • AutoPlay: Ativa o play quando a pagina é carregada.
  • LoopPlay: Repete o vídeo varias vezes.
  • ShowController: Mostra a barra de controles:screenshot-1516219049342
  • Source: Define o vídeo que deseja executar.
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:DemoVideo"
xmlns:rox="clr-namespace:Rox;assembly=Rox.Xamarin.Video.Portable"
x:Class="DemoVideo.MainPage">
<Grid>
<rox:VideoView AutoPlay="True"
LoopPlay="True"
ShowController="True"
Source="https://instagram.fsod3-1.fna.fbcdn.net/vp/a4483470041412903563bd594a7172f8/5A615E69/t50.2886-16/20845171_798391080343591_101942135397285888_n.mp4" />
</Grid>
</ContentPage>

view raw

MainPage.xaml

hosted with ❤ by GitHub

 

Resultado

ezgif.com-gif-maker (1).gif

 

 

Esse e todos os exemplos deste blog encontram-se disponíveis no GitHub.

icongithub

 

5 comentários em “VideoPlayer – Xamarin.Forms

  1. É possível colocar uma lista de vídeos para reproduzir? Ou apenas um vídeo de cada vez? Se for um de cada vez, como saber que o vídeo terminou para executar outro?

    Curtir

    1. Olá Gabriel,

      Até a última vez em que eu precisei utilizar este componente ele não suportava uma lista.

      Curtir

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s