CGDevTools Forum

Thank you for adding the mobile player control. I was able to do some testing with it and found a few issues:

1. If I set the media source using a full external URL, the video plays on Android and iOS. If I set the source with a URL relative to the application the video only plays on Android.

This works on both platforms.
IWCGJQMPlayer1.JQPlayerMediaSources[0].Src := 'http://www.mydomain.com/videos/talent show live ad.mp4'

This works on Android, but does not work on iOS
IWCGJQMPlayer1.JQPlayerMediaSources[0].Src := 'files/accounts/000001/videos/talent show live ad.mp4';

I tried the same test using a video tag, and the results were the same. This could be an Intraweb issue not related to the control.

2. On Android the player remains inline, but in iOS it pops out of the page into an overlay. I have stopped that behavior in a video tag by adding "playsinline". <video height="123" width="456" autoplay muted controls playsinline ><source src="talent show live ad.mp4" type="video/mp4"></video>.

3. If I select IPhoneUseNativeControls or AndroidUseNativeControls the entire page is blank on the respective platform.

Hi dfields

We would appreciate if you could send us a test case. will you? t.i.a.

I was building a test case for this issue and found the answer. I was trying to set the source in the OnCreate event of the form. I went back to the demo to see how the value was set. I was doing it wrong.

Code: Select all

procedure TIWAppForm3.IWAppFormCreate(Sender: TObject);
var LMediaFile: TIWCGJQPlayerMediaFile;
begin
  IWCGJQMPlayer1.JQPlayerMediaSources.Clear;
  LMediaFile:= IWCGJQMPlayer1.JQPlayerMediaSources.Add;
  LMediaFile.Src:= 'files/Free ad video.mp4';
// ***wrong *** IWCGJQMPlayer1.JQPlayerMediaSources[0].Src := 'files/Free ad video.mp4';
  IWCGJQMLabel1.Text := '<B>Internal Source (IntraWeb)</B><BR>'+IWCGJQMPlayer1.JQPlayerMediaSources[0].Src;
end;


I did find a related issue. The same code does not work in an asynchronous event. The code below is for a button click, which is supposed to change the source video. It does not work asynchronously, but does work synchronously. Is there another method to use?

Code: Select all

procedure TIWAppForm1.IWCGJQMButton2JQMButtonOptionsEventsTap(Sender: TObject; AParams: TStringList);
var LMediaFile: TIWCGJQPlayerMediaFile;
begin
  IWCGJQMPlayer1.JQPlayerMediaSources.Clear;
  LMediaFile:= IWCGJQMPlayer1.JQPlayerMediaSources.Add;
  LMediaFile.Src:= 'files/Free ad video.mp4';
end;


After a bit more testing I found that the original iPhone issue remains. If the video source URL involves an IntraWeb server, the video will not play on an iPhone, but will play on Android, and on Chrome for Windows (desktop,F12).

1. LMediaFile.Src:= 'files/Free ad video.mp4'; //android=yes | iPhone=no | chrome desktop=yes
2. LMediaFile.Src:= 'http://www.promostreak.net:8080/Free ad video.mp4'; //android=yes | iPhone=no | chrome desktop=yes
3. LMediaFile.Src:= 'http://www.promostreak.net/videos/Free ad video.mp4'; //android=yes | iPhone=yes | chrome desktop=yes

Here is a test case that has three forms, one for each of the cases above. All cases succeed on Chrome desktop and Android. Cases 1 and two fail on iOS.

http://www.promostreak.net/downloads/JQMVideoTestCase01_project.zip

Hi dfields,

We've tested your demo, and we can tell you, it's a intraweb issue.
The iw server doesn't support byte-range requests.

http://stackoverflow.com/a/28779883

We sent our simple demo to Alexandre Machado.

Best Regards.

Hi dfields,
We got the answer from Alexandre Machado, so he will fix it ASAP.

Best Regards.

That's great! Thank you for your help

Great to see things like that are dealth with asap. Thanks and keep up the good work!