Now that you've completed the video build guide, take a minute to compare your files with the complete sample files.
Make sure the creative:
- has all files saved in one root folder
- includes at least one exit
- meets requirements in the Studio assets checklist
Test the creative locally
It's easy to review your creative locally before uploading it to the Studio Web UI. Verify that the creative functions properly by interacting with it and checking the logs. You can catch errors in the logs before submitting to QA, which can help avoid revisions and delays in your development process.
You can test locally on any Webkit-based browser or with firebug installed, but for the steps below, you must use Google Chrome.
To check logs:
- Open your HTML file in a Chrome browser.
- Right-click anywhere on the page and click Inspect element.
- This opens the Elements tab.
- Click the Console tab.
- Interact with the ad.
| Function to test | What should log in the Console tab |
|---|---|
| video play | [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_PLAY |
| video pause | [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_PAUSE |
| video mute | [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_MUTE |
| video unmute | [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_UNMUTE |
| video stop | [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_STOP |
| video replay | [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_REPLAY |