#Overview
WP Fusion’s Media Tools addon includes an integration with Bunny Stream, which allows you to apply tags in your CRM or email marketing platform when:
- A video is played
- A video is completed
- One or more video timecodes are reached
#Setup
Since Bunny doesn’t have a WordPress plugin or visual UI, the player is configured by adding data attributes to the iFrame element containing the video.
Each attribute can accept any number of tags (comma-separated), and you can use tag names or tag IDs interchangeably.
The attribute parameters are:
- data-wpf_tags_start: These tags will be applied when the video is first played
- data-wpf_timecode: This is a specific timecode at which you’d like to apply tags, either in seconds, mm:ss, or a percentage
- data-wpf_tags_timecode: These tags will be applied at the timecode specified by
wpf_timecode - data-wpf_tags_complete: These tags will be applied when the video is complete (when play percentage is greater than 95%)
For example:
<iframe data-wpf_tags_start="Started Video" data-wpf_timecode="60" data-wpf_tags_timecode="Watched One Minute, Engaged" src="https://iframe.mediadelivery.net/embed/759/eb1c4f77-0cda-46be-b47d-1118ad7c2ffe?autoplay=true">
These attributes would apply the tag Started Video when the video is first played, and Watched One Minute and Engaged after one minute.
Timecodes can also be added using percentages.
<iframe data-wpf_timecode="50%" data-wpf_tags_timecode="Watched Half - Video A" src="https://iframe.mediadelivery.net/embed/759/eb1c4f77-0cda-46be-b47d-1118ad7c2ffe?autoplay=true">
This shortcode will apply the tag Watched Half – Video A when 50% of the video has been watched.
#Multiple Timecodes
Multiple timecodes can be added in the format wpf_timecode_2="mm:ss" wpf_tags_timecode_2="123,456" where the tags for the second property are a comma separated list of tags to be applied.
For example, to apply tags at 1:20, 1:40, and 2:40, your shortcode would look something like the following:
<iframe wpf_timecode="1:20" wpf_tags_timecode="Min Twenty" wpf_timecode_2="1:40" wpf_tags_timecode_2="Tag Three, Tag Four" src="https://iframe.mediadelivery.net/embed/759/eb1c4f77-0cda-46be-b47d-1118ad7c2ffe?autoplay=true">
