Update story name

Author: domlander

dotcom-rendering/src/components/SelfHostedVideo.stories.tsx

@@ -20,8 +20,8 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof SelfHostedVideo>;
 
-export const Default: Story = {
-	name: 'Default',
+export const Loop4to5: Story = {
+	name: 'Looping video in 4:5 aspect ratio',
 	args: {
 		sources: [
 			{
@@ -56,10 +56,10 @@ export const Default: Story = {
 // 	},
 // };
 
-export const Without5to4Ratio: Story = {
-	name: 'Without 5:4 aspect ratio',
+export const Loop16to9: Story = {
+	name: 'Looping video in 16:9 aspect ratio',
 	args: {
-		...Default.args,
+		...Loop4to5.args,
 		sources: [
 			{
 				src: 'https://uploads.guim.co.uk/2024/10/01/241001HeleneLoop_2.mp4',
@@ -72,7 +72,7 @@ export const Without5to4Ratio: Story = {
 };
 
 export const PausePlay: Story = {
-	...Default,
+	...Loop4to5,
 	name: 'Pause and play interaction',
 	play: async ({ canvasElement }) => {
 		const canvas = within(canvasElement);
@@ -93,7 +93,7 @@ export const PausePlay: Story = {
 };
 
 export const UnmuteMute: Story = {
-	...Default,
+	...Loop4to5,
 	name: 'Unmute and mute interaction',
 	parameters: {
 		test: {
@@ -120,7 +120,7 @@ function sleep(ms: number) {
 }
 
 export const InteractionObserver: Story = {
-	...Default,
+	...Loop4to5,
 	name: 'Interaction observer',
 	render: (args) => (
 		<div data-testid="test-container">