1<script type="text/javascript">
2FWDEVPUtils.onReady(function(){
3 
4    FWDEVPlayer.videoStartBehaviour = "pause";
5     
6    new FWDEVPlayer({       
7        //main settings
8        instanceName:"player1",
9        parentId:"topVideo",
10        mainFolderPath:"content",
11        initializeOnlyWhenVisible:"no",
12        skinPath:"minimal_skin_white",
13        displayType:"responsive",
14        fillEntireVideoScreen:"no",
15        playsinline:"yes",
16        autoScale:"yes",
17        openDownloadLinkOnMobile:"no",
18        useVectorIcons:"no",
19        useResumeOnPlay:"no",
20        goFullScreenOnButtonPlay:"no",
21        useHEXColorsForSkin:"no",
22        normalHEXButtonsColor:"#FF0000",
23        selectedHEXButtonsColor:"#FFFFFF",
24        privateVideoPassword:"428c841430ea18a70f7b06525d4b748a",
25        startAtTime:"",
26        stopAtTime:"",
27        startAtVideoSource:2,
28        videoSource:[
29            {source:"content/videos/robin_sd.mp4", label:"small version"},
30            {source:"content/videos/robin_hd.mp4", label:"hd720"},
31            {source:"content/videos/robin_full_hd.mp4", label:"hd1080"}
32        ],
33        posterPath:"content/posters/robin-poster.png",
34        showErrorInfo:"yes",
35        fillEntireScreenWithPoster:"yes",
36        disableDoubleClickFullscreen:"no",
37        addKeyboardSupport:"yes",
38        useChromeless:"no",
39        showPreloader:"yes",
40        preloaderColors:["#999999", "#FFFFFF"],
41        autoPlay:"no",
42        enableAutoplayOnMobile:"no",
43        loop:"no",
44        scrubAtTimeAtFirstPlay:"00:00:00",
45        maxWidth:980,
46        maxHeight:552,
47        volume:.8,
48        //logo settings
49        showLogo:"yes",
50        hideLogoWithController:"yes",
51        logoPosition:"topRight",
52        logoLink:"https://code.tutsplus.com/",
53        logoMargins:5,
54        //controller settings
55        showController:"yes",
56        showDefaultControllerForVimeo:"no",
57        showScrubberWhenControllerIsHidden:"yes",
58        showControllerWhenVideoIsStopped:"yes",
59        showVolumeScrubber:"yes",
60        showVolumeButton:"yes",
61        showTime:"yes",
62        showRewindButton:"yes",
63        showQualityButton:"yes",
64        showSubtitleButton:"yes",
65        showShareButton:"yes",
66        showDownloadButton:"yes",
67        showMainScrubberToolTipLabel:"yes",
68        showChromecastButton:"no",
69        showFullScreenButton:"yes",
70        repeatBackground:"yes",
71        controllerHeight:41,
72        controllerHideDelay:3,
73        startSpaceBetweenButtons:7,
74        spaceBetweenButtons:9,
75        mainScrubberOffestTop:14,
76        scrubbersOffsetWidth:4,
77        timeOffsetLeftWidth:5,
78        timeOffsetRightWidth:3,
79        volumeScrubberWidth:80,
80        volumeScrubberOffsetRightWidth:0,
81        timeColor:"#777777",
82        youtubeQualityButtonNormalColor:"#777777",
83        youtubeQualityButtonSelectedColor:"#FFFFFF",
84        scrubbersToolTipLabelBackgroundColor:"#FFFFFF",
85        scrubbersToolTipLabelFontColor:"#5a5a5a",
86        //redirect at video end
87        redirectURL:"",
88        redirectTarget:"_blank",
89        //playback rate / speed
90        showPlaybackRateButton:"yes",
91        defaultPlaybackRate:"1", //0.25, 0.5, 1, 1.25, 1.5, 2
92        //embed window
93        embedWindowCloseButtonMargins:0,
94        borderColor:"#333333",
95        mainLabelsColor:"#FFFFFF",
96        secondaryLabelsColor:"#a1a1a1",
97        shareAndEmbedTextColor:"#5a5a5a",
98        inputBackgroundColor:"#000000",
99        inputColor:"#FFFFFF",
100        //thumbnails preview
101        thumbnailsPreview:"",
102        thumbnailsPreviewWidth:196,
103        thumbnailsPreviewHeight:110,
104        thumbnailsPreviewBackgroundColor:"#000000",
105        thumbnailsPreviewBorderColor:"#666",
106        thumbnailsPreviewLabelBackgroundColor:"#666",
107        thumbnailsPreviewLabelFontColor:"#FFF",
108        // context menu
109        showContextmenu:'yes',
110        showScriptDeveloper:"yes",
111        contextMenuBackgroundColor:"#1f1f1f",
112        contextMenuBorderColor:"#1f1f1f",
113        contextMenuSpacerColor:"#333",
114        contextMenuItemNormalColor:"#888888",
115        contextMenuItemSelectedColor:"#FFFFFF",
116        contextMenuItemDisabledColor:"#444"
117    });             
118});
119</script>
120

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <title> Easy Video Player - TutsPlus Example </title>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <link rel="stylesheet" href="content/global.css">
8    <script type="text/javascript" src="java/FWDEVPlayer.js"></script>      
9  </head>
10  <body>
11   
12    <!-- WE WILL ADD OUR VIDEO PLAYER HERE -->
13   
14  </body>
15</html>
16