WheelsTV provides a plugin to link HTML elements to videos based on a VIN. Use of this plugin is restricted to registered customers and domains.
Example:
Copy this code and include it in the HEAD of your HTML page only once.
With each vehicle listing, include an element which is clickable. <button> <div> and <a> elements are the most common.
Assign that element a class of "wheelstv". You may assign multiple classes as
is appropriate for your web site.
Assign that element an attribute of "vin" with a value of the VIN for the
vehicle.
Within the content of the element put a loading phrase or image such as
<button class="wheelstv" vin="WAUDK78T8A0123456">Loading...</button>Your page will now fetch videos for your elements based on their vin attribute and a click event will be assigned to the element. When clicked a modal video player will play the appropriate video for the VIN.
After the video information has been assigned to your element, the inner HTML will be replaced with "▶ Video". You may customize the text by assigning a title attribute to your element and the value of the title will be replaced into the inner HTML.
<button class="wheelstv" vin="WAUDK78T8A0123456" title="Play Video">Loading...</button>If a video does not exist for the specified VIN then the element will be hidden.
The WheelsTV Plugin stays out of the way and allows you full control of your clickable elements style. The only requirement is that you include a style of "wheelstv" and a vin attribute with a value of the VIN for the target vehicle.