Facing Issue while integrating videojs with IMA sdk

[Prakash Chandra Nayak]

Hi Support,

The ads is not playing on ios devices. While using the adsManager.setVolume(0) or mutes then it i splaying on ios device. This is a bad experience for end user to unmute each and evrytime for different type vast urls(Pre,Multiple Mid and Post).

I have gone through the document 

https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side/autoplay

Trying to implement using the sample example "attemp_to _autoplay" but facing multiple types of issues.

Find the below Error:-

Click on Big Play Button
ads4.js?v=12:51 Autoplay check
ads4.js?v=12:54 Player {player_: Player, isDisposed_: false, parentComponent_: null, options_: {…}, id_: 'contentElement', …}
ads4.js?v=12:158 Autoplaye check resolved
bridge3.575.0_debug_en.html:999  [  1.953s] [ima.loader.AdsLoaderImpl] Requesting ads using new ads loader.
bridge3.575.0_debug_en.html:999  [  1.953s] [ima.loader.AdsLoaderImpl] requestAds, processing external request.
bridge3.575.0_debug_en.html:999  [  1.953s] [ima.loader.SequentialAdsLoader] Enqueued new request.
bridge3.575.0_debug_en.html:999  [  1.954s] [ima.loader.SequentialAdsLoader] Starting request from queue.
bridge3.575.0_debug_en.html:999  [  2.149s] [ima.loader.AdSourceFactory] Creating WaterfallAdSource.
bridge3.575.0_debug_en.html:999  [  2.149s] [VastAdSource] hasMoreAds, this.ads.length: 1 , this.currentAdIndex: -1 , this.numAdsSent: 0
bridge3.575.0_debug_en.html:999  [  2.149s] [VastAdSource] getNextAd, this.currentAdSource: null
bridge3.575.0_debug_en.html:999  [  2.149s] [VastAdSource] hasMoreAds, this.ads.length: 1 , this.currentAdIndex: -1 , this.numAdsSent: 0
bridge3.575.0_debug_en.html:999  [  2.149s] [VastAdSource] processNextAd_, currentAdIndex: 0, ads.length: 1
bridge3.575.0_debug_en.html:999  [  2.149s] [VastAdSource] Setting fallback index to session context: 0
bridge3.575.0_debug_en.html:999  [  2.150s] [VastAdSource] processInlineAd, successCallback with 1 ads
bridge3.575.0_debug_en.html:999  [  2.150s] [VastAdSource] hasMoreAds, this.ads.length: 1 , this.currentAdIndex: 0 , this.numAdsSent: 1
bridge3.575.0_debug_en.html:999  [  2.151s] [ima.loader.SequentialAdsLoader] Starting request from queue.
ads4.js?v=12:215 AdsManagerLoadeed
ads4.js?v=12:224 ad volume value before send to google=1
ads4.js?v=12:254 onAdEvent requested
bridge3.575.0_debug_en.html:999  [  2.171s] [UrlReporter] Reporting urls for event : show_ad
bridge3.575.0_debug_en.html:999  [  2.174s] [ima.admanager.BaseAdManager] Could not display companion ads.
ads4.js?v=12:285 Pause requested
ima3_debug.js:511  [  2.294s] [Html5VideoDisplay] No valid AdMedia; setting url directly.
ima3_debug.js:537 Uncaught TypeError: this.g.load is not a function
    at l.load (ima3_debug.js:537:273)
    at wE.A (ima3_debug.js:552:75)
    at vs (ima3_debug.js:288:200)
    at l.dispatchEvent (ima3_debug.js:286:408)
    at SC.D (ima3_debug.js:497:246)
    at ps (ima3_debug.js:284:208)
    at b (ima3_debug.js:282:349)
l.load @ ima3_debug.js:537
wE.A @ ima3_debug.js:552
vs @ ima3_debug.js:288
l.dispatchEvent @ ima3_debug.js:286
SC.D @ ima3_debug.js:497
ps @ ima3_debug.js:284
b @ ima3_debug.js:282
bridge3.575.0_debug_en.html:999  [ 10.178s] [ima.vast.VideoAdEventTracker] dispatching event mediaLoadTimeout
bridge3.575.0_debug_en.html:999  [ 10.179s] [UrlReporter] Reporting urls for event : mediaLoadTimeout
bridge3.575.0_debug_en.html:999  [ 10.180s] [ima.admanager.VideoAdManager] Playback error: [object Object] AdError 402: VAST media file loading reached a timeout of 8 seconds.
bridge3.575.0_debug_en.html:999  [ 10.186s] [UrlReporter] Reporting urls for event : error
bridge3.575.0_debug_en.html:999  [ 10.188s] [ima.utils.ErrorUtils] Error play dispatched: AdError 402: VAST media file loading reached a timeout of 8 seconds.
l_ @ bridge3.575.0_debug_en.html:999
h_.j @ bridge3.575.0_debug_en.html:998
(anonymous) @ bridge3.575.0_debug_en.html:106
Ng @ bridge3.575.0_debug_en.html:106
Tg @ bridge3.575.0_debug_en.html:107
Vg @ bridge3.575.0_debug_en.html:107
HP @ bridge3.575.0_debug_en.html:731
F1 @ bridge3.575.0_debug_en.html:1088
(anonymous) @ bridge3.575.0_debug_en.html:1089
Kt @ bridge3.575.0_debug_en.html:308
I @ bridge3.575.0_debug_en.html:306
f1 @ bridge3.575.0_debug_en.html:1062
l.Ck @ bridge3.575.0_debug_en.html:1066
Kt @ bridge3.575.0_debug_en.html:308
I @ bridge3.575.0_debug_en.html:306
hP.R @ bridge3.575.0_debug_en.html:729
setTimeout (async)
tu @ bridge3.575.0_debug_en.html:319
oP @ bridge3.575.0_debug_en.html:724
l.start @ bridge3.575.0_debug_en.html:1086
l.start @ bridge3.575.0_debug_en.html:1021
S1 @ bridge3.575.0_debug_en.html:1100
R1.start @ bridge3.575.0_debug_en.html:1100
o3 @ bridge3.575.0_debug_en.html:1170
m3.R @ bridge3.575.0_debug_en.html:1168
Kt @ bridge3.575.0_debug_en.html:308
I @ bridge3.575.0_debug_en.html:306
XT @ bridge3.575.0_debug_en.html:838
TT.G @ bridge3.575.0_debug_en.html:837
Ft @ bridge3.575.0_debug_en.html:304
b @ bridge3.575.0_debug_en.html:302
bridge3.575.0_debug_en.html:999  [ 10.190s] [UrlReporter] Reporting urls for event : verificationNotExecuted
ads4.js?v=12:275 qF {message: '', stack: 'Error\n    at new qF (https://imasdk.googleapis.com…oogleapis.com/js/sdkloader/ima3_debug.js:282:349)', data: {…}}
ima3_debug.js:538 Uncaught TypeError: this.g.pause is not a function
    at iE.pause (ima3_debug.js:538:438)
    at wE.A (ima3_debug.js:551:27)
    at vs (ima3_debug.js:288:200)
    at l.dispatchEvent (ima3_debug.js:286:408)
    at SC.D (ima3_debug.js:497:246)
    at ps (ima3_debug.js:284:208)
    at b (ima3_debug.js:282:349)
iE.pause @ ima3_debug.js:538
wE.A @ ima3_debug.js:551
vs @ ima3_debug.js:288
l.dispatchEvent @ ima3_debug.js:286
SC.D @ ima3_debug.js:497
ps @ ima3_debug.js:284
b @ ima3_debug.js:282
ima3_debug.js:537 Uncaught TypeError: this.g.load is not a function
    at l.load (ima3_debug.js:537:273)
    at wE.A (ima3_debug.js:552:75)
    at vs (ima3_debug.js:288:200)
    at l.dispatchEvent (ima3_debug.js:286:408)
    at SC.D (ima3_debug.js:497:246)
    at ps (ima3_debug.js:284:208)
    at b (ima3_debug.js:282:349)
l

[เหนือ น่าน]

ภาษา​ไทย​

henux...@gmail.com​รับ Outlook สำหรับ Android

---

From: 'Prakash Chandra Nayak' via Interactive Media Ads SDK <ima...@googlegroups.com>
Sent: Sunday, May 28, 2023 6:47:10 PM
To: Interactive Media Ads SDK <ima...@googlegroups.com>
Subject: [ima-sdk] Facing Issue while integrating videojs with IMA sdk

 

Disclaimer: This communication is confidential and privileged and is directed to and for the use of the addressee only. The recipient, if not the addressee, should not use this message if erroneously received. Access & use of this e-mail in any manner by anyone other than the addressee is unauthorized. The recipient acknowledges that Muvi Entertainment Pvt Ltd. and/or Muvi LLC may be unable to exercise control or ensure or guarantee the integrity of the text of the email message and the text is not warranted as to completeness and accuracy. Before opening and accessing attachments, if any, please check and scan for viruses.

--
You received this message because you are subscribed to the Google Groups "Interactive Media Ads SDK" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ima-sdk+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/ima-sdk/9bce2174-b371-4975-a916-8e82d65b2c2an%40googlegroups.com.

[Prakash Chandra Nayak]

Hi All,

I am attaching the screenshot of the web, Android and iPhone Devices.

I am facing issues on only IOS devices after implementation.

playerObj.bigPlayButton.on('tap', function(event){ 

         event.preventDefault(); 

          console.log("Click on Big Play Button"); 

          adDisplayContainer.initialize();

          adsInitialized = true; 

           playAds();

 });    

[IMA SDK]

Hello Prakash,

Welcome to IMA SDK Support team. Thank you for reaching out to us.

We have received a previous concern similar to your issue but it only happens in ipad's safari. Can you confirm if you are using ipad's safari on this scenario where the issue occurs? If not, can you share to us the below information so we can assist you further?

• Sample app where the issue is reproducible
• Affected device or platform details (name and version)
• Screen recording of the behavior on your end
• VAST Ad Tag used for testing

 

This message is in relation to case "ref:_00D1U1174p._5004Q2luA5g:ref"

Thanks,
 

IMA SDK Team

[IMA SDK]

Hi Henux,

Please be informed that our support channel can only best assist you using the English Language. You may still continue to respond in your local language and we will use google translate to help you.

Moving forward, it appears that you have responded on an open forum thread without much context of your concern. Having said that, can you confirm if you have any IMA SDK related concerns for us to address? If yes, kindly elaborate on your issue and specify the IMA SDK implementation and platform that you are using. Moreover, if your concern is not related to the original posted issue on this thread, we would recommend that you create a new forum thread for better tracking of issues.

Looking forward to your response.

 

This message is in relation to case "ref:_00D1U1174p._5004Q2luAKP:ref"

Thanks,
 

IMA SDK Team

[Prakash Chandra Nayak]

Hi @suuport,

Thanks for your reply.

Could you please find the below Details:-

Vast Tag is used:-

https://pubads.g.doubleclick.net/gampad/ads?iu=/21775744923/external/single_ad_samples&sz=640x480&cust_params=sample_ct%3Dlinear&ciu_szs=300x250%2C728x90&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=&vpa=auto

Problem:-

I am facing this issue on Ios Devices.  I have checked with the iPhone Safari browser having OS( iOs Version 16.3.1). Only showing the white blank screen during the time of Ads. As per the rule of the Google HTML5 SDK document, I have implemented the below settings as per the Guideline:-

1. playsinline
2. google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true);) 
3. Tap the event to initialise the adDisplayContainerObj.initialize()

Find the attached screen recording:-

1. Chrome browser inspector of different devices (Ad is working fine)
2. IPhone Safari browser(Not working only sound coming)

Find the Sample Code Link:-

https://codepen.io/pcn2007/pen/NWOZPYd

Thanks,

Prakash Chandra Nayak

 20230531_093911.mp4

--
You received this message because you are subscribed to the Google Groups "Interactive Media Ads SDK" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ima-sdk+u...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/ima-sdk/P-mcL000000000000000000000000000000000000000000000RVHHFU00SanzUwtRQSWDp7ieU0707g%40sfdc.net.

[Prakash Chandra Nayak]

Hi Support,

Now I am able to play preroll on iPhone but not able to play multiple vast tags in both(Pre, Mid and Post Roll).

Can we create multiple google.ima.AdDisplayContainer and also initialise multiple times or only for multiple vast Urls.

Thanks,

Prakash Chandra Nayak

[Prakash Chandra Nayak]

Hi Support,

I have resolved but not sure whether the solution is the right approach or not.

1) initialise the container once even if multiple vast tag URLs are there.

2) google.ima.AdEvent.Type.COMPLETE event destroying the adManager and use the contentComplete() method of adsLoader.

                if (VastTag.imaAdsManager != null) {
                         VastTag.imaAdsManager.destroy();
                         VastTag.imaAdsManager = null;
                         VastTag.adsLoader.contentComplete();
                }

[IMA SDK]

Hi,

Glad to hear you were able to resolve your issue. To confirm, your setup is correct, you can refer to our SDK Lifecycle documentation, where it shows that to request more ads before content finishes, (e.g. changing videos in a content playlist) you have to call the AdsManager. destroy() method and then the AdsLoader. contentComplete() method.

Furthermore, please be informed that is expected behavior that your ads will play muted on autoplay, it is stated on our Autoplay documentation that iPhone support inline muted autoplay. 

Reference links:

• SDK Lifecycle documentation - https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side/architecture#lifecycle
• Autoplay documentation - https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side/autoplay

Let me know if you have any questions. 

[Prakash Chandra Nayak]

Hi Support,

Thanks for your support and guidance.

Now, We are able to play ads on iPhone Safari browsers.

Now, We are facing another issue with the fullscreen mode on IOS devices. Ads are playing in the background of the player.

[Prakash Chandra Nayak]

Hi Support,

We are facing another issues.

Issue was:-

When we are trying to play multiple ads at a same time. Internally, We are trying to play one by one but the 2nd times Ads event listener is not fired. 

VastTag.adsLoader.addEventListener(google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, (adsManagerLoadedEvent) => { this.onAdsManagerLoaded(adsManagerLoadedEvent, this) }, false);
            VastTag.adsLoader.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, (adErrorEvent) => { this.onAdError(adErrorEvent, null, this) }, false);

Note:- 1) We have initialised both adcontainer and adLoader once but create multiple instance of adsRequest.

[IMA SDK]

Hi,

Thank you for getting back to us.

It appears that you are encountering another issue. For our team to further investigate this, could you share with us the information below?

• sample app where issue is reproducible
• Screen recording of the behavior on your end (mirroring the steps to replicate issue)
• VAST Ad Tag used when this issue is encountered

You may send the requested details privately via the "Reply To Author" button or with the below process.

If the file(s) you are looking to share are less than 25mb in total you can attach them to this case on your next reply. If you are having trouble attaching your file to this case or if your file(s) are larger than 25mb, you can share your files with me by performing the following steps:

1. Navigate to

https://docs.google.com/forms/d/e/1FAIpQLSfkAiXMeYP-fw1W3Z-tT9uwmATEKO5X6S-th0gR2ezdKaaqfg/viewform?usp=pp_url&entry.400550049=IMA+SDK&entry.460850823=5004Q00002luA5gQAE&entry.80707362=00181232

2. Fill out all fields, and attach your file(s).

3. Please reply back on this thread when you have uploaded your file(s). Please do not share this link.