# Bandersnatch Interactive Player (based on html5 video player)
With this online(html) video player you can watch `Bandersnatch` episode of `Black Mirror` **interactively**. 

[Live demo](https://mehotkhan.github.io/BandersnatchInteractive/)

## How to use
The only thing you need is 5hours video file of `Bandersnatch` episode, Drag & drop the file in [this](https://mehotkhan.github.io/BandersnatchInteractive/) page and enjoy!

## Screenshot
  * full screen mode 
  
  ![Screenshot](screenshot/full-screen.png)

* non full screen mode
* 
  ![Screenshot](screenshot/non-full-screen.png)
## Tips

* Only work on google chrome (Doesn't work on Firefox; codec problems)
* Download `Bandersnatch` video file (`5:12:14`)
* Drag it on white box on [page](https://mehotkhan.github.io/BandersnatchInteractive/) :)
* `Persian` , `English` , `Arabic` , `Spanish` , `Hebrew` ,`Portuguese` , `Greek` ,`Turkish`,`Polish`,`Indonesian`  subtitle available, If you want add another language subtitle, tell me.
* to change subtitle : right click on video , enable show controls , after that . on bottom,right you see menu icon (3 vertical dot) then you can subtitle section 
* Note : after change subtitle , disable show controls ,if dont disable it on full screen video,you cant see option selector

## Donate
*  my bitcoin wallet: `1CxaCJbh4VMNicnpktsBVfnVU5xq4QYyHW`
## Controls

* <kbd>F</kbd> - Toggle fullscreen
* <kbd>R</kbd> - Restart video
* <kbd>→</kbd> - Jump to the next segment (or to the next interaction zone)
* <kbd>←</kbd> - Jump to the previous segment
* <kbd>Space</kbd> - Toggle play and pause
  
## Persian user
* if you are persian user , read this : [پلیر تعاملی ( اینتراکتیو )‌ برای قسمت جدید بلک میرور]( http://vrgl.ir/YzhCn )

## Credit
* based on [joric work](https://github.com/joric/bandersnatch)
