tim-html5-player-rails

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #typescript #llm #android #machine-learning #rust #deep-learning #docker #windows #awesome #cli

tim-html5-player-rails

(★ 9)

This is a beautiful HTML5 Video Player built on top of mediaelement; ready to use with Rails; a simple alternative to Vimeo, VideoJS, JWPlayer

tim-html5-player-rails Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

TimPlayer: HTML5 Video Player that is an Open Source and beautiful alternative to Vimeo, JWPlayer, VideoJS, Youtube, Wistia

This is a HTML5 Video Player built on top of mediaelement; ready to use with Rails

1) To use the Video player, copy the three folders into the assets directory and replace/merge them with the existing folders

2) Go to `layout/application.html.erb` and paste the following code within the header

```bash
  <script>
  $(document).ready(function() {
    $('video').mediaelementplayer({
      alwaysShowControls: false,
      videoVolume: 'horizontal',
      features: ['playpause','progress','volume','fullscreen']
    });
  });
  </script>
```

3) The following is sample code to paste into `body`
```bash

<video width="640" height="267">
    <source src="http://embed.wistia.com/deliveries/afe41e4a3b366c5599fb17d96c469ad85007e2df/file.mp4" type="video/mp4">
</video>
```
![Alt text](https://raw.githubusercontent.com/timchunght/tim-html5-player-rails/master/tim-html5-video.png)

Click [demo](https://timplayer.herokuapp.com/) for a live version.

You can also fork the demo app [here](https://github.com/timchunght/timplayerdemo)

Modified and Styled by Timothy Chung

Copyright [Timothy Chung](https://www.linkedin.com/in/timchunght)

Please feel free to use it for any of your projects

Special thanks to Designmodo for their free UI assets!

tim-html5-player-rails

tim-html5-player-rails Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

tim-html5-player-rails

tim-html5-player-rails Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README