Jump to content
Helio13

Preview video

Recommended Posts

Helio13

Oi pessoal

Estou aqui com um probema que é, fazer o preview de video antes de fazer o upload.

Eu sei que tenho que utilizar um jplayer ou assim, até estive a ver estes:

http://www.longtailvideo.com/jw-player/

http://jplayer.org/latest/demos/

Para as imagens o que eu fiz foi isto:

http://plnkr.co/edit/SLR6vPLNK6eWL7TaFbFC

Mas para o video não sei muito bem...

Alguém me pode ajudar?

Obrigado

Share this post


Link to post
Share on other sites
Helio13

Eu já fiz isto:

<script id="demo" type="text/javascript">
    $(document).ready(function() {
	    jwplayer("foo").setup({
		    flashplayer: "player.swf",
		    file: "http://content.bitsontherun.com/videos/lWMJeVvV-364767.mp4",
		    height: 150,
		    width: 230,
	    });
    });
   </script>

Onde aparece uma miniatura do video, tudo ok.

Mas eu queria eu que o utilizador selecciona-se o video e mostra-se então a miniatura, como fiz nas imagens e indiquei antes.

Estava a tentar assim:

<script id="demo" type="text/javascript">


 function preview(input) {
    if (input.files && input.files[0]) {
		    var reader = new FileReader();
		    reader.onload = function (e) {
					 $(document).ready(function() {
	    jwplayer("foo").setup({
		    flashplayer: "player.swf",
		    file: "http://content.bitsontherun.com/videos/lWMJeVvV-364767.mp4",
		    height: 150,
		    width: 230,
	    });
    });
		    };
		    reader.readAsDataURL(input.files[0]);
    }
}
   </script>
   <body>
    <div id="foo"></div>
 <input type="file" name="files" id="files" onchange="preview(this);">
   </body>

Mas não sei o que colocar no file para aparece o video que seleccionei...alguém me consegue ajudar?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.