Merge pull request #15 from Financial-Times/multiple-ad-script-loads

Fix second load of ad library firing too early

main.scss

@@ -57,6 +57,7 @@ $_o-video_applied: false !default;
 
 		.o-video__play-button-text {
 			text-indent: -9999px;
+			display: block;
 		}
 
 		.o-video__play-button-icon {

src/js/ads.js

@@ -1,5 +1,7 @@
 /* global google */
 
+let sdkScriptLoaded = false;
+
 function createVideoOverlayElement() {
 	const overlayEl = document.createElement('div');
 	overlayEl.classList.add('o-video__overlay');
@@ -20,23 +22,30 @@ class VideoAds {
 
 	loadAdsLibrary() {
 		return new Promise((resolve, reject) => {
-			if (document.querySelector('[src="//imasdk.googleapis.com/js/sdkloader/ima3.js"]')) {
-				resolve();
+			let googleSdkScript = document.querySelector('[src="//imasdk.googleapis.com/js/sdkloader/ima3.js"]');
+
+			if (!googleSdkScript) {
+				googleSdkScript = document.createElement('script');
+				googleSdkScript.setAttribute('type', 'text/javascript');
+				googleSdkScript.setAttribute('src', `//imasdk.googleapis.com/js/sdkloader/ima3.js`);
+				googleSdkScript.setAttribute('async', true);
+				googleSdkScript.setAttribute('defer', true);
+				document.getElementsByTagName("head")[0].appendChild(googleSdkScript);
 			}
-			const googleSdkScript = document.createElement('script');
-			googleSdkScript.setAttribute('type', 'text/javascript');
-			googleSdkScript.setAttribute('src', `//imasdk.googleapis.com/js/sdkloader/ima3.js`);
-			googleSdkScript.setAttribute('async', true);
-			googleSdkScript.setAttribute('defer', true);
-			document.getElementsByTagName("head")[0].appendChild(googleSdkScript);
-
-			googleSdkScript.addEventListener('load', () => {
+
+			if (sdkScriptLoaded) {
 				resolve();
-			});
+			} else {
+
+				googleSdkScript.addEventListener('load', () => {
+					sdkScriptLoaded = true;
+					resolve();
+				});
 
-			googleSdkScript.addEventListener('error', (e) => {
-				reject(e);
-			});
+				googleSdkScript.addEventListener('error', (e) => {
+					reject(e);
+				});
+			}
 		});
 	}