{ "id": "173897", "key": "TIMOB-27347", "fields": { "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false }, "project": { "id": "10153", "key": "TIMOB", "name": "Titanium SDK/CLI", "projectCategory": { "id": "10100", "description": "Titanium and related SDKs used in application development", "name": "Client" } }, "fixVersions": [], "resolution": null, "resolutiondate": null, "created": "2019-07-18T15:19:15.000+0000", "priority": null, "labels": [ "engSchedule", "ios", "player", "vimeo", "webview" ], "versions": [], "issuelinks": [], "assignee": { "name": "emerriman", "key": "emerriman", "displayName": "Eric Merriman ", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2019-09-10T15:42:01.000+0000", "status": { "description": "The issue is open and ready for the assignee to start work on it.", "name": "Open", "id": "1", "statusCategory": { "id": 2, "key": "new", "colorName": "blue-gray", "name": "To Do" } }, "components": [], "description": "I have a webview with embedded vimeo player. The video will be displayed but will not play in iOS. For Android it works without problem. \r\n\r\nFurther tests have shown that it no longer works with Youtube. The integration of the player via Javascript does not play the video.\r\n\r\n{code:java}\r\n$.webview.html = \"\";\r\n{code}\r\n\r\nI can not explain this anymore and would be grateful for a tip.\r\n\r\nregards", "attachment": [], "flagged": false, "summary": "Ti.UI.WebView not playing embed vimeo video", "creator": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "environment": "Mac OS: 10.13.6\r\nAppcelerator Studio: 5.0.0.201712081732\r\n\r\n*Node.js*\r\n Node.js Version = 8.11.4\r\n npm Version = 5.6.0\r\n\r\n*Appcelerator CLI*\r\n Installer = 4.2.13\r\n Core Package = 7.0.12\r\n\r\n*Titanium CLI*\r\n CLI Version = 5.1.1\r\n node-appc Version = 0.2.44\r\n\r\n*Titanium SDKs*\r\n 8.0.2.GA\r\n\r\niPhone XS => iOS 12.3.1", "comment": { "comments": [ { "id": "449911", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-07-18T15:59:24.000+0000", "updated": "2019-07-18T15:59:24.000+0000" }, { "id": "449931", "author": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Thank you for your prompt reply.\r\n\r\nI found the cause. The window got a swipe event and after that the start of the Youtube / Vimeo video stops working. If I remove the swipe event, it works again. The problem is only with iOS, with Android, the video still works.\r\n\r\nIs there possibly a solution here, so that both works (video and swipe event)?\r\n\r\nThe problem is with the integration as iFrame or directly through the URL.\r\n\r\n{code:java}\r\n$.wvVideo.url = 'https://player.vimeo.com/video/' + video;\r\n{code}\r\n\r\n{code:java}\r\n$.wvVideo.setHtml(html, { baseURL: \"https://player.vimeo.com\" });\r\n{code}", "updateAuthor": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-07-19T03:50:34.000+0000", "updated": "2019-07-19T03:50:34.000+0000" }, { "id": "449932", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Hmm... I know that Apple's {{WKWebView}} will navigate forward/back when you swipe it horizontally. But you would have to have navigation history for it to do that.\r\n\r\nOut of curiosity, does the iframe video work okay when building with Titanium 7.5.x?\r\nI ask because we changed iOS' {{Ti.UI.WebView}} implementation from Apple's deprecated {{UIWebView}} to {{WKWebView}} as of Titanium 8.0.0 and there might be a behavior difference.\r\n\r\n_(I don't have an iOS device/simulator available to me at the moment. So, I hope you don't mind me asking.)_", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-07-19T04:31:42.000+0000", "updated": "2019-07-19T04:32:55.000+0000" }, { "id": "449933", "author": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "body": "No, even with the SDK 7.5.2.GA the video does not work as soon as the swipe event is in there.", "updateAuthor": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-07-19T04:50:32.000+0000", "updated": "2019-07-19T04:50:32.000+0000" }, { "id": "449945", "author": { "name": "vijaysingh", "key": "vijaysingh", "displayName": "Vijay Singh", "active": true, "timeZone": "America/Los_Angeles" }, "body": "[~aschattat] Can you check if setting property [willHandleTouches|https://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.WebView-property-willHandleTouches] helps? If no, can you please share complete test case to reproduce issue? Thanks!", "updateAuthor": { "name": "vijaysingh", "key": "vijaysingh", "displayName": "Vijay Singh", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-07-19T17:07:18.000+0000", "updated": "2019-07-19T17:07:18.000+0000" }, { "id": "449963", "author": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "body": "_WillHandleTouches_ does not help, see example. The sample code can be copied to a new Alloy project for testing. Thanks.\r\n\r\n*index.xml*\r\n{code:java}\r\n\r\n\t\r\n\t\t\r\n\t\r\n\r\n{code}\r\n\r\n*index.js*\r\n{code:java}\r\nvar html = \"\";\r\n\t\t\thtml = html + \"\";\r\n\t\t\thtml = html + \"\";\r\n\t\t\thtml = html + \"\";\r\n\t\t\t$.webview.setHtml(html, { baseURL: \"http://player.vimeo.com\" });\r\n\t\t\r\n$.index.addEventListener('swipe', function(e) {\r\n\tconsole.log('swipe');\r\n});\r\n\r\n$.index.open();\r\n{code}\r\n\r\nWithout the swipe event the video starts. So, if I comment out this code:\r\n{code:java}\r\n$.index.addEventListener('swipe', function(e) {\r\n\tconsole.log('swipe');\r\n});\r\n{code}", "updateAuthor": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-07-20T09:02:02.000+0000", "updated": "2019-07-20T09:02:02.000+0000" }, { "id": "450734", "author": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "body": "Hello [~aschattat], [~vijaysingh], I was able to verify the issue with the above sample code in iOS platform using the latest SDK 8.1.0.GA. It seems using the swipe event is causing the issue. Without it, there is no issue of the video playing in the webview. Thanks.", "updateAuthor": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "created": "2019-08-22T16:35:16.000+0000", "updated": "2019-08-22T16:35:16.000+0000" }, { "id": "450740", "author": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Exactly, without swipe event it works. However, my client would like both - Swipe for the Window and Vimeo video in the WebView (part of the window-content). Thanks.", "updateAuthor": { "name": "aschattat", "key": "aschattat", "displayName": "Antje Schattat", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-08-22T17:44:20.000+0000", "updated": "2019-08-22T17:44:20.000+0000" } ], "maxResults": 8, "total": 8, "startAt": 0 } } }