Fix set current time to keep the same behavior for all players

assets/shared/helpers/player/videopress-adapter.js

@@ -47,11 +47,14 @@ export const initializePlayer = ( element, w = window ) =>
 
 				resolve( element );
 			} else if (
-				data.event === `videopress_timeupdate` &&
+				data.event === 'videopress_timeupdate' &&
 				data.currentTimeMs
 			) {
 				// Set the current time to a dataset in order to be available later.
 				element.dataset.currentTime = data.currentTimeMs / 1000;
+			} else if ( data.event === 'videopress_play' ) {
+				// Identify that video was already played.
+				element.dataset.hasPlayed = 'has-played';
 			}
 		};
 
@@ -106,14 +109,24 @@ export const getCurrentTime = ( player ) =>
  */
 export const setCurrentTime = ( player, seconds ) =>
 	new Promise( ( resolve ) => {
-		player.contentWindow.postMessage(
-			{
-				event: 'videopress_action_set_currenttime',
-				currentTime: seconds,
-			},
-			'*'
-		);
-		resolve();
+		const run = () => {
+			player.contentWindow.postMessage(
+				{
+					event: 'videopress_action_set_currenttime',
+					currentTime: seconds,
+				},
+				'*'
+			);
+			resolve();
+		};
+
+		if ( player.dataset.hasPlayed ) {
+			run();
+		} else {
+			play( player )
+				.then( () => pause( player ) )
+				.then( run );
+		}
 	} );
 
 /**

assets/shared/helpers/player/vimeo-adapter.js

@@ -16,8 +16,20 @@ export const EMBED_PATTERN = /vimeo\.com\/.+/i;
  *
  * @return {Object} The Vimeo player instance through a promise.
  */
-export const initializePlayer = ( element, w = window ) =>
-	Promise.resolve( new w.Vimeo.Player( element ) );
+export const initializePlayer = ( element, w = window ) => {
+	const player = new w.Vimeo.Player( element );
+
+	// Add a dataset to identify if video has played already.
+	const onPlay = () => {
+		element.dataset.hasPlayed = 'has-played';
+		player.off( 'play', onPlay );
+	};
+	if ( 'has-played' !== element.dataset.hasPlayed ) {
+		player.on( 'play', onPlay );
+	}
+
+	return player.ready().then( () => player );
+};
 
 /**
  * Get the video duration.
@@ -47,8 +59,16 @@ export const getCurrentTime = ( player ) => player.getCurrentTime();
  * @return {Promise} A promise that resolves if the video was set to a current time successfully.
  *                   (original return from Vimeo API).
  */
-export const setCurrentTime = ( player, seconds ) =>
-	player.setCurrentTime( seconds );
+export const setCurrentTime = ( player, seconds ) => {
+	if ( player.element.dataset.hasPlayed ) {
+		return player.setCurrentTime( seconds );
+	}
+
+	// Play the video a first time if it wasn't already played yet.
+	return play( player )
+		.then( () => pause( player ) )
+		.then( () => player.setCurrentTime( seconds ) );
+};
 
 /**
  * Play the video.

assets/shared/helpers/player/youtube-adapter.js

@@ -8,8 +8,6 @@ export const ADAPTER_NAME = 'youtube';
  */
 export const EMBED_PATTERN = /(youtu\.be|youtube\.com)\/.+/i;
 
-let lastTime;
-
 /**
  * Initialize the player.
  *
@@ -33,6 +31,20 @@ export const initializePlayer = ( element, w = window ) =>
 			} else {
 				player.addEventListener( 'onReady', onReady );
 			}
+
+			// Add a dataset to identify if video has played already.
+			const onStateChange = ( e ) => {
+				if ( e.data === w.YT.PlayerState.PLAYING ) {
+					element.dataset.hasPlayed = 'has-played';
+					player.removeEventListener(
+						'onStateChange',
+						onStateChange
+					);
+				}
+			};
+			if ( 'has-played' !== element.dataset.hasPlayed ) {
+				player.addEventListener( 'onStateChange', onStateChange );
+			}
 		} );
 	} );
 
@@ -70,8 +82,17 @@ export const getCurrentTime = ( player ) =>
  */
 export const setCurrentTime = ( player, seconds ) =>
 	new Promise( ( resolve ) => {
-		player.seekTo( seconds );
-		resolve();
+		if ( player.i.dataset.hasPlayed ) {
+			player.seekTo( seconds );
+			resolve();
+		} else {
+			play( player )
+				.then( () => pause( player ) )
+				.then( () => {
+					player.seekTo( seconds );
+					resolve();
+				} );
+		}
 	} );
 
 /**
@@ -100,6 +121,11 @@ export const pause = ( player ) =>
 		resolve();
 	} );
 
+/**
+ * Variable that saves the last current time.
+ */
+let lastCurrentTime;
+
 /**
  * Add an timeupdate event listener to the player.
  *
@@ -113,9 +139,9 @@ export const onTimeupdate = ( player, callback, w = window ) => {
 	const timer = 250;
 
 	const updateCurrentTime = ( currentTime ) => {
-		if ( lastTime !== currentTime ) {
+		if ( lastCurrentTime !== currentTime ) {
 			callback( currentTime );
-			lastTime = currentTime;
+			lastCurrentTime = currentTime;
 		}
 	};