Thread

Greetings,

I’m developing a website for a photographer and video-maker. The site is mainly images with different pages for projects.

But I also need to put up a handful of videos. These won’t be up on You Tube or other sites. So what’s the best way to integrate a video player into a site?

I use wimpyplayer for sound files on some sites, but their documentation isn’t so good, and their skins aren’t so good.

I started looking at flowplayer, but it seems beyond my understanding and needs.

I think there must be a simple solution to convert Quicktime movies to a format that is easily accessible on the web—but I haven’t found it yet.

Any ideas are appreciated!

in the same situation…someone post a solution please

Actually, I’m using Vimeo for that site. I decided to go with the cloud thing instead of trying to host the video on their own server. I’m glad I decided to go with Vimeo—it works well and looks good and it’s pretty simple to implement. And if you go for a paid version, you can customize it quite a bit.

I actually like to handle videos this way.

I create a channel with at least a file field.

I then go to MediaElement.js and download the package. You have to upload some files to your hosting. Follow their instructions for that portion of the install.

In the template that needs the player to be active I place the following code in the head

[removed][removed] 
[removed][removed]
<link rel="stylesheet" href="{site_url}assets/video/build/mediaelementplayer.min.css" />

I then use the following code to output the information from the channel. Notice that I use a separate field for the video file, the preview image and video description.

{exp:channel:entries channel="video" orderby="date" sort="desc" limit="1" disable="member_data|trackbacks"}
 <!-- simple single file method -->
 <video width="640" height="360" src="{cf_video_file}" type="video/mp4" id="player1" poster="{cf_video_image}" controls="controls" preload="none"></video>
 {cf_video_description}
{/exp:channel:entries}

That is it. You can change the amount of videos output. This would also work with S3 if you make the video field a text field and then just provide the S3 URL.