m3u8 player with in-line autoplay, sample video player embed

 

Using JWPlayer, we can create an in-line m3u8 playlist that starts each new video automatically when the last one is complete:

 

Set up Jwplayer in your * or anywhere in your code before the player

1
2
<div id="m3u8inline001"></div><script type='text/javascript' src='http://youraccountname.gravlab.net/00xxx1/go/jwplayer.js'></script>
<script type='text/javascript' src='http://youraccountname.gravlab.net/00xxx1/go/your.enterprise.license.key'></script>

 

Now call the player and playlist

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<div id="m3u8inline001"></div>
<script>
    jwplayer("r3dcr0ss").setup({
      playlist: [{
        file:  "http://youraccountname.gravlab.net/00xxx1/hls-2/9D_RECOGNIZING/9D_RECOGNIZING.m3u8",
        image: "",
        title: "RECOGNIZING",
        description: "CARD: A7 EB11 9D RA"
      },{
        file:  "http://youraccountname.gravlab.net/00xxx1/hls-2/INFINITE_RECURSIVE_DILEMMA/INFINITE_RECURSIVE_DILEMMA.m3u8",
        image: "",
        title: "THE INFINITE RECURSIVE DILLEMA",
        description: "CARD: A8 TH1 9E RAC"
      },{
        file: "http://youraccountname.gravlab.net/00xxx1/hls-2/FUNCT_BEHAVIORAL/FUNCT_BEHAVIORAL.m3u8",
        image: "",
        title: "PRSUP 10AFUNCT BEHAVIORAL",
        description: "CARD: LL WUP 1A F"
      },{
        file:  "http://youraccountname.gravlab.net/00xxx1/hls-2/RR_7_10E_Experimental_Functional/RR_777_10E_Experimental_Functional.m3u8",
        image: "",
        title: "Experimental Functional",
        description: "RR 777 10E EFA" },{
        file:  "http://youraccountname.gravlab.net/00xxx1/hls-2/MOTIVATING_OPS/MOTIVATING_OPS.m3u8",
        image: "http://path.to.your/website/or/image.jpg",
        title: "MOTIVATING OPS",
        description: "CARD: RR 777 16E MO"
 },{
        file:"http://youraccountname.gravlab.net/00xxx1/hls-2/PR_SUP_4D_EXECUTIVE_FUNCT/EXECUTIVE_FUNCT.m3u8",
        image: "",
        title: "EXECUTIVE FUNCT",
        description: "CARD: RR SUP 4D EXEC FCO"
      },{
        file:"http://youraccountname.gravlab.net/00xxx1/hls-2/DESIGN_FUNC_TREAT_PROGS/DESIGN_FUNC_TREAT_PROGS.m3u8",
        image: "",
        title: "DESIGN TREAT PROGS",
        description: "CARD: RR SUP ee DESIGN FTP"
      }],
  width: "768",
height: "432",
primary: "flash",
abouttext:"CARD",
ga: "{}",
 aboutlink:"http://www.gravlab.com/",
      listbar: {
        position: "right",
        size: 340
      }
    });
</script>
9 karma points