Actions are a great way to make your audience interact with your video content.
In TwentyThree we simply call that Actions and today I just want to show you how to work with Actions.
So here I am logged into the backend of my video website. Let's say I want to create a new action for this video.
I simply click the video and in the sidebar to the left I choose Actions.
So this is where I would normally get an overview of all the actions that has been created for this video.
But I haven't created any actions for this video yet, so let's just go ahead and do that.
I click the Add New Action button and in the drop down I can choose which type of action I wish to create.
Let's go ahead and create a new Text Action.
When creating a new action to the left I will see the preview area of the action and to the right I will see all the settings.
Let's go ahead and fill in some information for this action.
So this is my text action. Click Me.
Here I can specify the link that the user should be taken to when the video is clicked.
And let's say I want the link to be opened in a new window.
I can adjust the text size of the action and I can choose another font color.
Let's go ahead and left align the text and align it to the top of the action box.
And I can adjust the transparency of the background or I can even remove the background altogether.
But let's go with this semi-transparent background and let's just adjust the color to a light gray.
Here I can choose whether the action box should have a border around it.
I can even choose to only have the border shown whenever the mouse is hovering over the action.
The last three buttons is adjusting the pause mode of the action.
So your action can have three different pause modes.
The first one is the default whether your action is shown and the video keeps playing as you would expect.
The second is to have the video paused whenever the action is shown.
And the last one is to only show the action when the video is paused.
To the left I can position and resize the action.
So let's move it up to the left corner.
And by clicking and dragging the corners of the action I can resize the box.
See it seems to fit here.
And in the bottom in the timeline I can choose when the action should appear.
Let's go for five seconds into the video.
I can choose when the action should go away again.
Let's say 20 seconds into the video.
So when I'm done adjusting all the settings I simply click save.
Then we can go up and preview the action in the player.
So five seconds into the video the action appears.
It has a nice border around it when I hover the mouse over it.
And when I click it a new window opens with the URL that I specified.
Next let's try to add another type of action.
Once again I click the add new action button.
And here I choose to add an image action.
Just as before we have the preview area to the left and the settings area to the right.
This time with fewer options.
All I need to do here is drag and drop an image on top of the upload area.
So let's go ahead and find image drag and drop it.
And once the image is uploaded it will appear in the preview area.
Let's specify a link for the action.
And I want the link to open a new window.
And here I can adjust the alignment of the image inside the action box.
But let's just keep it centered both horizontally and vertically.
And in the preview area I can change the position and size of the action.
Let's place it in the bottom left corner.
And by clicking and dragging the corners of the action I can adjust the size of it.
The image will scale to fit inside the action box.
But it will never be scaled to be bigger than the original image.
And the background color of the action box here will not be shown once the action is shown inside the player.
Just as before I can specify a start time for the action.
Let's say 8 seconds into the video.
And an end time let's say 40 seconds into the video.
Once I'm done I simply hit save.
And let's go up and see the action.
So here we have the text action from before.
And here the image action appears.
Lastly let's try to add a video action.
So I click add new action and choose video from the drop down.
And here I simply need to drag and drop a video file on top of the upload area.
I have a video file ready here so I drag and drop it here.
And the upload process may take a few seconds.
And the upload process may take some time depending on the file size of your video and the internet connection.
When the upload is done I specify a URL for this action.
Video actions are a bit different from the other types of actions.
You can't have your video action shown during playback of the main content video.
But instead you choose to have it shown either right before or right after the content video.
This is an easy way to add a commercial or jingle to your videos.
So for this video action let's specify whether it should be played either right before or right after the main video.
And we're just going to keep it as being played before the video.
And now let's preview it in the player.
So here's the video action being shown before the main content video.
Now the main video plays.
Here we have the text action.
And lastly the image action appears.
So that's how to work with actions in 23 video.
Be sure to check out our help article where you can read more about the other action types and how to create your own custom action types.
