Javascript Video Player Help and advise

jptec · January 10, 2017

Hi,

I try to integrate the easy video player into my project.

http://www.webdesign-flash.ro/p/evp/index.html

I put the below code into unimHtmlFrame's before script.

			FWDEVPUtils.onReady(function(){
			
				FWDEVPlayer.videoStartBehaviour = "pause";
				
				new FWDEVPlayer({		
					//main settings
					useYoutube:"yes",
					useVimeo:"no",
					instanceName:"player1",
					parentId:"myDiv",
					mainFolderPath:"content",
					skinPath:"minimal_skin_dark",
					displayType:"responsive",
					autoScale:"yes",
					videoSourcePath:"content/videos/desktop.mp4, content/videos/mobile.mp4",
					posterPath:"content/posters/mp4-poster.jpg, content/posters/mp4-poster-mobile.jpg",
					rightClickContextMenu:"developer",
					addKeyboardSupport:"yes",
					useChromeless:"no",
					autoPlay:"no",
					loop:"no",
					maxWidth:600,
					maxHeight:380,
					volume:.8,
					backgroundColor:"#000000",
					posterBackgroundColor:"#0099FF",
					//logo settings
					showLogo:"yes",
					hideLogoWithController:"yes",
					logoPosition:"topRight",
					logoLink:"http://www.webdesign-flash.ro",
					logoMargins:5,
					//controller settings
					showController:"yes",
					showControllerWhenVideoIsStopped:"yes",
					showVolumeScrubber:"yes",
					showVolumeButton:"yes",
					showTime:"yes",
					showYoutubeQualityButton:"yes",
					showSubtitleButton:"yes",
					showShareButton:"yes",
					showFullScreenButton:"yes",
					repeatBackground:"yes",
					controllerHeight:41,
					controllerHideDelay:3,
					startSpaceBetweenButtons:7,
					spaceBetweenButtons:9,
					mainScrubberOffestTop:14,
					scrubbersOffsetWidth:4,
					timeOffsetLeftWidth:5,
					timeOffsetRightWidth:3,
					volumeScrubberWidth:80,
					volumeScrubberOffsetRightWidth:0,
					timeColor:"#777777",
					youtubeQualityButtonNormalColor:"#777777",
					youtubeQualityButtonSelectedColor:"#FFFFFF",
					//subtitle
					subtitlePath:"",
					showSubtitleByDefault:"no",
					//embed window
					embedWindowCloseButtonMargins:0,
					borderColor:"#333333",
					mainLabelsColor:"#FFFFFF",
					secondaryLabelsColor:"#a1a1a1",
					shareAndEmbedTextColor:"#5a5a5a",
					inputBackgroundColor:"#000000",
					inputColor:"#FFFFFF",
					//ads
					openNewPageAtTheEndOfTheAds:"no",
					adsVideoSourcePath:"none",
					adsButtonsPosition:"right",
					adsPageToOpenURL:"http://www.webdesign-flash.ro",
					adsPageToOpenTarget:"_blank",
					adsThumbnailPath:"content/posters/thumbnail.jpg",
					skipToVideoText:"You can skip to video in: ",
					skipToVideoButtonText:"Skip Ad",
					timeToHoldAds:4,
					adsTextNormalColor:"#777777",
					adsTextSelectedColor:"#FFFFFF",
					adsBorderNormalColor:"#444444",
					adsBorderSelectedColor:"#FFFFFF"
				});

I put the html code into unimhtmlframw' html

	<body style="background-color:#aaaaaa;">	
		<div id="myDiv" style="margin:auto;"></div>
	</body>

This can working correct in desktop browser.

however, I run in iphone safari and android default browser, it show video source not found. In mobile version, Only android Chrome work . Other mobile browser also not work even the ios chrome also not work.

I confirmed I put all required javascript in correct folder( as I can work in desktop browser).

Also the players need load a background image as the player background. all version can load that background image correctly but I put the video in same path , it cannot be found. It is out of my idea.

Please comment the way to check the problem.

Joe

Sign In

Javascript Video Player Help and advise

Recommended Posts

jptec

Join the conversation

Browse

Activity