Search articles


Responsive iFrame Embeds

You can convey your interactive or linear video projects created in Cinema8 to your audience in many ways. One of these methods is the Embed Code. This method is as simple as the others.

Embed Code allows you to easily insert media from a website or mobile application to another website or mobile application with a piece of code and share it with your audience/visitors. It shares the media with frame only in a part of the web page / mobile application page you will share.

How to get Embed Code?

You can get the Embed Code of the project you have completed in two ways.

1. With the Settings tab on the Editor screen

Cinema8 Responsive iFrame Embeds 1

After completing your project, click the Settings tab on the right panel before closing the Editor screen. In the field that opens, you will see the area where the Embed Cod is located. The mixed characters that appear in this field are all Embed Code.

Click on Embed Code and select all copy.

Now you can add it to a website or a mobile application if you want.

2. With the Embed Code option on the Action button on the Projects screen

Cinema8 Responsive iFrame Embeds 2

Click the Embed Code option from the Action button on the right side of your project where you want to get the Embed Code.

Cinema8 Responsive iFrame Embeds 3

Copy all of the code in the popup that opens.

Now you can add it to a website or a mobile application if you want.

Get the Embed Code of the subtitled video

The Embed Code contains the link of the video. The action we will do here is to replace the video link in the Embed Code with the video link with subtitles. Then Embed Code will be ready for use.

If you've added captions to your project, it means your project has more than one link. The project video for each subtitle has a different link. To reach these links;

Cinema8 Responsive iFrame Embeds 5

Click the arrow next to the Preview button in the upper-right panel. (If you haven't added captions to your video, this arrow won't appear.)

Click one of the subtitle options you want to share. Your video will open in a new tab.

Cinema8 Responsive iFrame Embeds 6

Click the link in the search bar at the top of the video on this page and copy it somewhere.

Copy the Embed Code using the Embed Code get the methods described above.

Cinema8 Responsive iFrame Embeds 7

Replace the URL (link) in the embed code with the link of the video with the subtitle you copied earlier.

You can now add the Embed Code of your project to a website or mobile application.

After adding Embed Code to a website or a mobile application, you can make changes to the project. You will not need to update the code, as the Project's Embed Cod will have these changes.

Click here to see other sharing options.