CODEWITHSUNDEEP
flashhtml5-videovideo.js
Muhammad Zafar Naeem
Muhammad Zafar Naeem

Reputation: 79

how to play flash(.flv) video using video.js in chrome

I am using video.js to play flash(.flv) video. But when I press play button it does not play video?
I have used the "techorder:"["flash","html"]. But it made no difference.
Is there any plugin to for flash video in videojs? How can I play .flv video in video.js?

Upvotes: 7

Views: 20297

Answers (6)

xlaoyu.Lee
xlaoyu.Lee

Reputation: 333

I made refactor of videojs-flvjs for compitable with es6 module. https://www.npmjs.com/package/videojs-flvjs-es6

Upvotes: 1

Hoonick
Hoonick

Reputation: 11

this project may help you, https://github.com/mister-ben/videojs-flvjs

<!-- Video.js -->
<link href="//path/to/video-js.css" rel="stylesheet">
<script src="//path/to/video.min.js"></script>
<!-- flv.js -->
<script src="//path/to/flv.min.js"></script>
<!-- videojs-flvjs -->
<script src="//path/to/videojs-flvjs.min.js"></script>
<video id="videojs-flvjs-player" class="video-js vjs-default-skin" controls>
  <source src="movie.flv" type='video/x-flv'>
</video>
<script>
  // For v5 the tech must be added to the tech order.
  // For v6 this is not needed.
  videojs('videojs-flvjs-player', {
    techOrder: ['html5', 'flvjs'],
    flvjs: {
      mediaDataSource: {
        isLive: true,
        cors: true,
        withCredentials: false,
      },
      // config: {},
    },
  });
</script>

Upvotes: 1

user5698801
user5698801

Reputation: 574

Two ways.

You can choose one of them to support playing flv video. Also, you can use both of them and specify their order by techOrder option. 

data-setup='{"techOrder":["html5", "flvjs", "flash"]}'

Upvotes: 2

xqq
xqq

Reputation: 81

You should use flv.js, an HTML5 FLV Player written in pure JavaScript. No Flash is required.

https://github.com/Bilibili/flv.js

You can make a source handler to integrate flv.js with video.js

Upvotes: 8

misterben
misterben

Reputation: 7821

video.js can play FLV in the Flash tech.

If you're self-hosting video.js rather than using the CDN, make sure the path to your swf is correct, e.g.

<script>
  videojs.options.flash.swf = "http://example.com/path/to/video-js.swf"
</script>

Make sure to use the correct video/x-flv mime type in the source tag:

<source src="http://example.com/video.flv" type='video/x-flv'>

The server hosting the FLV must also return the correct mime type in the 'Content-Type` header.

Example: http://output.jsbin.com/juvuca

Upvotes: 5

Shashi Kiran
Shashi Kiran

Reputation: 362

You can find the plugin here -https://github.com/videojs/video.js/wiki/Plugins Not sure if this will work.

If not try this as well -http://jsfiddle.net/N8Zs5/18/

Regards, Shashi

Upvotes: 3

Related Questions