Question

I have 100 training, lecture, guide video files which has size 30MB to 1GB each of them. And they are all .mp4/mpg format. There is no web player i have found to play it in the inline html.

So this is what i am doing now let them download it. But i am looking for a way how to play those files using a web based media player so that the quality is not drop and it looks like same page without target="_blank", but with iframe?

Current code is like this:

<a href="/1/720p.mpg" target="_blank"> 
  <img src="/img/icon/playivr.png" style="border:0px;"> 
</a>

<a href="/1/1080p.mpg" target="_blank"> 
  <img src="/img/icon/playivr.png" style="border:0px;"> 
</a>

Answer 1

You could try use object tag for that:

<object data="data/test.mpg" type="video/mpeg" width="320" height="255">
  <param name="src" value="data/test.mpg">
  <param name="autoplay" value="false">
  <param name="autoStart" value="0">
  alt : <a href="data/test.mpg">test.mpg</a>
</object>

But this will work only if user have a plugin.

The better way would be to convert videos to flv format using ffmpeg for example and play using some flash-based player. It’s better since flash in installed on about 99% of computers.