Add support to play generic iframe video (#862)

CHANGELOG.md

@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Unpublished Changes
+* Add support to play generic iframe video
 
 ## 1.66.0 09-03-2024
 * Update Connatix script tag to use pmcCnx

packages/larva-js/src/interface/VideoShowcase/VideoShowcase.js

@@ -230,9 +230,10 @@ export default class VideoShowcase {
 			return `https://player.twitch.tv/?video=${ id }`;
 		}
 
-		if ( 'connatix' === type ) {
+		if ( 'connatix' === type || 'iframe' === type ) {
 			return id;
 		}
+
 	}
 
 	/**
@@ -283,6 +284,16 @@ export default class VideoShowcase {
 		);
 	}
 
+	/**
+	 * Remove hidden attribute from the iframe and set the src.
+	 *
+	 * @param {string} IframeUrl - Iframe embed URL from returnUrl.
+	 */
+	playIframeUrl( IframeUrl ) {
+		this.playerUI.iframe.removeAttribute( 'hidden' );
+		this.playerUI.iframe.setAttribute( 'src', IframeUrl );
+	}
+
 	/**
 	 * Remove hidden attribute from jwplayerContainer and play the video with the jwplayer API.
 	 * Note that `playlist` refers to a JWPlayer media object where the videos are handled within
@@ -366,6 +377,10 @@ export default class VideoShowcase {
 			const playerId = this.playerUI.player.dataset.videoPlayerId;
 			this.playConnatix( url, playerId );
 		}
+
+		if ( 'iframe' === state.videoType ) {
+			this.playIframeUrl( url );
+		}
 	}
 
 	// Remove any trigger-related data attributes and hide any elements that are not relevant for the player.