Mobile Inline Player

http://aita.github.io/mobile-inline-player/

Mobile Inline Player is a MPEG1 player for mobile browsers. It supports pseudo video-streaming with multiple MPEG1 files and auto inline-playing on iPhone and Android.

Usage

<div data-src="video.json" data-mp4="fullscreen.mp4" data-endcard="endcard.jpg"></div>
<script src="mobile-inline-player.js"></script>

Options

File format

JSON

{
  "url": [
    "aaa.mpg",
    "bbb.mpg"
  ]
}

License Issue

Although Mobile Inline Player is under MIT license, jsmpeg is largely based on "Java MPEG-1 Video Decoder and Player" which is under GPL. I'm not sure jsmpeg and this library are devrived works of "Java MPEG-1 Video Decoder and Player" or not. But you should be careful when you use this library on commercial sites.

Limitations

• MPEG files with B-Frames look weird - frames are not reordered. This should be relatively easy to fix, but most encoders seem to not use B-Frames at all by default.
• The width of the MPEG video has to be a multiple of 2.
• Only raw MPEG video streams are supported. The decoder hates Stream Packet Headers in between macroblocks.

You can use FFmpeg to encode videos in a suited format. This will crop the size to a multiple of 2, omit B-Frames and force a raw video stream:

ffmpeg -i in.mp4 -f mpeg1video -vf "crop=iw-mod(iw\,2):ih-mod(ih\,2)" -bf 0 out.mpg