{ "id": "172844", "key": "AC-6100", "fields": { "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false }, "project": { "id": "12217", "key": "AC", "name": "Appcelerator - INBOX", "projectCategory": { "id": "10000", "description": "", "name": "Customer Service" } }, "resolution": { "id": "11", "description": "Is not a bug in our product", "name": "Not Our Bug" }, "resolutiondate": "2019-01-30T16:12:30.000+0000", "created": "2019-01-11T10:32:11.000+0000", "labels": [], "versions": [], "issuelinks": [], "assignee": { "name": "shossain", "key": "shossain", "displayName": "Shak Hossain", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2019-01-30T16:12:31.000+0000", "status": { "description": "A resolution has been taken, and it is awaiting verification by reporter. From here issues are either reopened, or are closed.", "name": "Resolved", "id": "5", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "components": [ { "id": "14544", "name": "Alloy", "description": "Please enter tickets related to the Alloy here." }, { "id": "14552", "name": "Appcelerator CLI", "description": "Please enter tickets related to Tooling and the CLI here" }, { "id": "14548", "name": "Titanium SDK & CLI", "description": "Please enter tickets related to the MobileSDK here." } ], "description": "When rendering the youtube video and changing the orientation sometimes the video is showing a blank black screen but the video is playing in the background.\r\nPlease find the attachment.\r\n\r\n*Code Snippet:\r\nindex.xml*\r\n\r\n\t\r\n\t\t\r\n\t\r\n\r\n\r\n*index.js*\r\n$.index.open();\r\n\r\n*index.tss*\r\n\".container\": {\r\n\tbackgroundColor:\"white\"\r\n}\r\n\r\n\"Label\": {\r\n\twidth: Ti.UI.SIZE,\r\n\theight: Ti.UI.SIZE,\r\n\tcolor: \"#000\"\r\n}\r\n\r\n\r\n", "attachment": [ { "id": "66080", "filename": "bottomVideo.mp4", "author": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-15T06:34:03.000+0000", "size": 2433528, "mimeType": "video/mp4" }, { "id": "66066", "filename": "Screenshot_2019-01-11-15-55-00-694_com.mindstix.youtubevideo.png", "author": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-11T10:26:24.000+0000", "size": 850973, "mimeType": "image/png" }, { "id": "66076", "filename": "Screenshot_20190114-164333.png", "author": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2019-01-14T10:50:20.000+0000", "size": 116490, "mimeType": "image/png" }, { "id": "66075", "filename": "Screenshot_20190114-164451.png", "author": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2019-01-14T10:50:31.000+0000", "size": 843378, "mimeType": "image/png" }, { "id": "66081", "filename": "videoIssue_2.mp4", "author": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-15T06:36:22.000+0000", "size": 7444734, "mimeType": "video/mp4" }, { "id": "66065", "filename": "videoissue.mp4", "author": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-11T10:29:32.000+0000", "size": 8531921, "mimeType": "video/mp4" } ], "flagged": false, "summary": "[Android] Webview not working properly on rendering the youtube.", "creator": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "environment": "Ti SDK 7.5.0GA and 7.4.0.GA.\r\nCLI 7.0.6\r\nMac OS Mojave.\r\nAndroid 9.0.0, 6.0.1(Redmi Note 3, Google pixel, Google Pixel XL, MotoG).", "comment": { "comments": [ { "id": "445243", "author": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "body": "Hello, I tested your issue on the Android emulator 8.0.0 version. I wasn't able to reproduce the issue that shows in the video, Is this issue only occurring on some specific device? ", "updateAuthor": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "created": "2019-01-12T15:27:14.000+0000", "updated": "2019-01-12T15:27:14.000+0000" }, { "id": "445287", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "This sounds like a hardware acceleration bug on Google's end.\r\n\r\nIf it is, then you can work-around it by adding a border to the {{WebView}}. This will disable hardware accelerated rendering.\r\n", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-14T19:47:40.000+0000", "updated": "2019-01-14T19:47:40.000+0000" }, { "id": "445301", "author": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Hi Joshua,\r\nI tried to give the borderColor and borderWidth of 1dp. It started another issue where the video goes down to bottom. Please refer to the video attached.\r\n [^bottomVideo.mp4] \r\n[^videoIssue_2.mp4] \r\n", "updateAuthor": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-15T06:36:32.000+0000", "updated": "2019-01-15T06:36:32.000+0000" }, { "id": "445303", "author": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "body": "[~shumne],\r\n\r\nThanks for sharing your feedback. We are working on this. Will update you soon.", "updateAuthor": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2019-01-15T07:29:48.000+0000", "updated": "2019-01-15T07:29:48.000+0000" }, { "id": "445362", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "So the thing is, the native {{WebView}} is made by Google, not Titanium. We can't fix issues in Google's {{WebView}}. The only thing you can do is work-around them.\r\n\r\nIt looks like you're showing a YouTube video via an iframe within your own webpage. Is that right? You may need to tinker with the HTML to see what's causing this issue. For example, I can see that a similar issue has been raised on stackoverflow...\r\nhttps://stackoverflow.com/questions/38565768/android-embed-video-in-iframe-not-resized-on-webview-height-change\r\nhttps://stackoverflow.com/a/9046540\r\nhttps://stackoverflow.com/questions/19716261/android-webview-video-issue-video-is-being-cropped-inside-youtube-iframe\r\n\r\nAlso note that the Android web browser app is not the same as Android's native WebView UI widget. You often see different behavior between the two. You do have the option to use the \"titanium-web-dialog\" module which will use Android's web browser app as a dialog within your app (it kind of works like MS Window's Internet Explorer ActiveX). However, it has API limitations and if Google's Chrome app is not installed on the device (such as an Amazon tablet), then it will fallback to using the Android OS native {{WebView}} and you're back to the same issue.\r\nhttps://github.com/appcelerator-modules/titanium-web-dialog\r\n\r\nOften times I see native Android devs give up on displaying a video in an iframe because of these issues and link directly to the video itself. I wish this wasn't the case, but it is what it is.\r\n", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-15T19:12:14.000+0000", "updated": "2019-01-15T19:12:14.000+0000" }, { "id": "445375", "author": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Hi Joshua,\r\nWe are merely using the webview and loading the youtube URL directly. as mentioned in the Description code snippet.\r\n**\r\nCan we please check the Native implementation on Android and see if we face the same issue.\r\n\r\n\r\n\r\n", "updateAuthor": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-16T07:07:07.000+0000", "updated": "2019-01-16T07:07:07.000+0000" }, { "id": "445376", "author": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "body": "[~shumne],\r\nOk. Thanks for your feedback.", "updateAuthor": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2019-01-16T07:11:29.000+0000", "updated": "2019-01-16T07:11:29.000+0000" }, { "id": "445491", "author": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "body": "Hello [~shumne], Try with adding a border to the WebView. This will disable hardware accelerated rendering. Let us know. Thanks.", "updateAuthor": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "created": "2019-01-19T14:32:46.000+0000", "updated": "2019-01-19T14:32:46.000+0000" }, { "id": "445550", "author": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "body": "No Even after adding a border to the webview, it is showing distorted video intermittently.\r\nIf possible can we please create an android native project with webview and see the results with it.", "updateAuthor": { "name": "shumne", "key": "shumne", "displayName": "shumne", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-23T08:49:44.000+0000", "updated": "2019-01-23T08:49:44.000+0000" }, { "id": "445591", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "I think you've missed my point. Google's native {{WebView}} is known to have bugs. It's not our code. It's Google's code. That's why I was linking you to stackoverflow where other developers have had issues with it too. I think the only thing you can do is find alternative solutions or work-arounds... because we can't control how Google's {{WebView}} internally renders itself.", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-01-23T22:01:03.000+0000", "updated": "2019-01-23T22:01:03.000+0000" }, { "id": "445761", "author": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Hello,\r\nDid you find our last reply helpful for your progress? Let us know the updates from your end.", "updateAuthor": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2019-01-30T08:55:44.000+0000", "updated": "2019-01-30T08:55:44.000+0000" } ], "maxResults": 16, "total": 16, "startAt": 0 } } }