Add Video Preview Image to Replicator Preview Text

Author: jcohlmeyer

meta.yaml

@@ -1,5 +1,5 @@
 name: VideoEmbed
-version: 2.2.3
+version: 2.2.4
 description: A field type for embedding YouTube and Vimeo Videos
 url: https://github.com/jrc9designstudio/statamic-video-embed
 developer: JRC9 Design Studio

readme.md

@@ -1,6 +1,6 @@
 # Video Embed for Statamic 2
 *Requirement:* Statamic v2.6.x, curl
-*Version:* 2.2.3
+*Version:* 2.2.4
 
 ### What is this?
 Add YouTube and Vimeo videos to Statamic with a Video Embed field.
@@ -120,6 +120,7 @@ If you really want a simple tag that does it all for you, you can create your ow
   - `portrait_cinema` 9:21
 
 ### Version Log
+- 2.2.4 Add Video Preview Image to Replicator Preview Text
 - 2.2.3 Auto Focus & Change Watcher Fix
 - 2.2.2 Add Replicator Preview Text
 - 2.2.1 Fix for Statamic 2.6

resources/assets/js/fieldtype.js

@@ -106,11 +106,14 @@ Vue.component('video_embed-fieldtype', {
             // Return the current description (striping html) for vue preview.
             return this.data.description.replace(/<\/?[^>]+(>|$)/g, "");
         },
+        previewImage: function() {
+            return this.data.thumbnail_small ? '<img src="' + this.data.thumbnail_small + '" width="auto" height="20" title="' + this.title + '" />' : '';
+        },
     },
 
     methods: {
         getReplicatorPreviewText: function() {
-            return this.title;
+            return this.previewImage + ' ' + this.title;
         },
         focus: function() {
            this.$els.videoUrlField.focus();