srenshaw's Forum Posts

  • I have a mobile App that displays YouTube videos in an iFrame that has worked perfectly for a number of years. A few months ago I started receiving reports that users are getting a YouTube '153' error and the video will not play. A Google search reveals many other developers having similar problems and a suggested work-around was to replace 'youtube.com' with 'youtube-nocookie.com' in the URL and to add the referrerpolicy="strict-origin-when-cross-origin" attribute. I've implemented both of these and still have the same problem.

    I've been monitoring a number of threads on Google's issue tracker since the error began to appear a few months ago and their standard response is as follows:

    Status: Won't Fix (Intended Behavior)

    The reason you're seeing a 153 error is because you need to make sure and set your app ID correctly. If the referr is incorrectly set, that results to 153 errors.

    Please update your web and mobile apps per our latest policy change described here: https://developers.google.com/youtube/terms/required-minimum-functionality#embedded-player-api-client-identity

    Unfortunately I'm not sure how to use Construct to implement the client identity requirement described in their link. I've already set the App ID in Construct's Project properties field (using a 'reverse-DNS format'). Do I need to do anything else in order for this ID to be passed to YouTube?

    Thanks,

    Steve.

    Tagged:

  • Brilliant, thanks Ashley.

  • How do I add attributes to an iFrame? For example, I want to add the 'referrepolicy' attribute to C3's iFrame object so that I achieve the following:

    <iframe referrerpolicy="strict-origin-when-cross-origin">

    For context, I have a mobile App that displays YouTube videos that has worked perfectly for a number of years. I've recently been getting reports that users are seeing a YouTube '153' error and the video will not play. However, this seems to be quite random and intermittent and I've not yet seen the error on any of my test devices.

    A Google search reveals other developers having similar problems over the last 2 months and the suggested work-around is to replace 'youtube.com' with 'youtube-nocookie.com' in the URL and to add the referrerpolicy="strict-origin-when-cross-origin" attribute.

    Thanks,

    Steve.

    Tagged:

  • I have a Vimeo video in an iFrame with an ID of 'videoframe' and I'd like to control playback from events in C3. According to the Vimeo reference page for the player SDK you can call player methods by calling the corresponding function on the Player object, i.e., 

    player.play();

    https://developer.vimeo.com/player/sdk/reference#play-a-video

    What's the simplest way to achieve this in the C3 event sheet? I've been trying Javascript commands like 

    videoframe.contentWindow.postMessage('player.play()','*')

    and lots of different variations, but I'm afraid I just don't understand the fundamentals of Javascript so I'm getting nowhere.

    Any help would be greatly appreciated.

  • I'm having to use 'Remote Preview' to test NWjs features for a file management app I'll be running from my own computer. Is there any way to show the debug inspector with remote preview (I rely on on it heavily when developing browser based projects)?

  • Hi Aekiro,

    I have a long list of clickable buttons in a scroll view. If I click and drag the list upwards, the item I click takes focus and is highlighted accordingly. When I release the item the focus colour still remains on. I then click another item on the list and drag upwards and the same thing happens. Eventually I have several buttons in the list showing their focused state instead of losing focus when I release them.

    The behaviour can be seen on the GridView in your example file. If you disable the 'On clicked' action and then scroll the list up and down by clicking and dragging different 'X' buttons, they remain in the focused state:

    Thanks,

    Steve.

  • Brilliant, thanks —

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads

  • Thanks for your reply —, I'll try experimenting with the 'Viewport fit' option.

    Just for further info' on the 'Mobile Network' crash, I'm not using Android 10 - my test devices are:

    - Galaxy S6 phone (Android 7.0)

    - Tesco Hudl 2 tablet (Android 5.1)

    Thanks, Steve.

  • Hi Aekiro,

    I'm getting the following error in the browser console:

    Uncaught (in promise) TypeError: Cannot read property 'ContainsPoint' of null at aekiro_buttonInstance.isInsideScrollView (504afc9b-f51a-417f-a8cb-0cbe721cf437:1051) at aekiro_buttonInstance.isClickable (504afc9b-f51a-417f-a8cb-0cbe721cf437:1036) at aekiro_buttonInstance.OnMouseEnter (504afc9b-f51a-417f-a8cb-0cbe721cf437:822) at aekiro_buttonInstance.OnAnyInputMove (504afc9b-f51a-417f-a8cb-0cbe721cf437:756) at aekiro_buttonBehavior._OnInputMove (4e0264b4-9025-4c4b-8031-68a7ad825abf:50) at aekiro_buttonBehavior._OnPointerMove (4e0264b4-9025-4c4b-8031-68a7ad825abf:24) at Array.<anonymous> (4e0264b4-9025-4c4b-8031-68a7ad825abf:11) at a.Event.Handler._FireAndWaitAsyncSequential (handler.js:1) at a.Event.Dispatcher.dispatchEventAndWaitAsyncSequential (dispatcher.js:1) at C3.Runtime._OnEventFromDOM (runtime.js:1)

    I've created a stripped down version of my project in order to demonstrate the problem here:

    https://www.dropbox.com/s/m246j2g5beyyfvb/ProUI_Test02.c3p?dl=0

    The following steps trigger the error:

    - Click the Menu button and select 'Option 1'

    - Click the Back button

    - Click the Menu button and hover the mouse over any of the menu options

    Thanks,

    Steve.

  • Hi —, I bought the Master Collection yesterday in order to simplify a few features of a mobile App I'm developing. However, I've run into a couple of issues:

    1. When I add the 'Mobile Network' object and export an APK, the App refuses to open on my Android devices (I've tried it on a phone and a tablet). I've created a simple C3 file with only the Mobile Network object and a text object in order to illustrate the problem:

    https://www.dropbox.com/s/7rv0b7o94zzdned/MobileNetwork.c3p?dl=0

    2. I'm using the 'Mobile Dialog' prompt to allow the user to input some text. When the prompt closes, the Android keyboard closes, as expected. However, the soft menu bar remains visible at the bottom of the screen, partially covering some of the buttons in my layout.

    Thanks, Steve.

  • Hi Aekiro, have you had chance to look at the bug mentioned above? Invisible grid items can also be clicked above the scolling list when you visit the layout for a second time (this can also be seen on your demo).

  • In the process of creating a minimal project I finally stumbled across the source of the problem. I was using a CSS stylesheet called 'style.css'. However it turns out that this is a reserved name in C3, so simply renaming the stylesheet fixed the problem.

    If you create a new css file in C3 and then try to name it 'style.css' you get a warning and you're prevented from changing the name. However, if you use 'import files', you can import 'style.css' without a warning - beware!

  • Hi Asmodean, I've tried it with and without Unbounded scrolling but it's still the same.

  • Thanks dop2000. I've tried all of the fullscreen scaling modes and the blue background is actually much larger than the 720x1280 viewport size (see below):

    Everything works as expected using Remote Preview, but I always get the strange margins top and left when I install the APK file.

  • Does anyone know why I'm getting unwanted margins top and left when I export an Android Debug APK? I've tried the APK on a couple of different devices and it's still the same (see below):

    There are no white borders when I do a browser preview and I've tried exporting simple test projects to the same phone and they appear without the borders. It must be a problem in my current project, but I'm not sure where to look.

    Thanks,

    Steve.

    Tagged: