fix(css): added ejs-embed class to all embeds

Author: ritz078

dist/embed.min.js

@@ -8,7 +8,7 @@ class BasicAudio extends Base {
 
 	template(match) {
 		let template =
-		`<div class="ejs-audio">
+		`<div class="ejs-audio ejs-embed">
 		<audio src="${match}" controls class="video-js ejs-video-js"></audio>
 		</div>`;
 		return template;

src/embed.js

@@ -8,7 +8,7 @@ class Basic extends Base{
 
 	template(match){
 		let template =
-		`<div class="ejs-image">
+		`<div class="ejs-image ejs-embed">
 		<div class="ne-image-wrapper">
 		<img src="${match}"/>
 		</div>

src/embed.js.map

@@ -32,7 +32,7 @@ class Markdown {
 			if (href.indexOf('</a') === -1) return href
 			if (href.match(/>(.+)<\/a/gi)) {
 				if (!title) title=''
-					return `<div class="ejs-image">
+					return `<div class="ejs-image ejs-embed">
 				<div class="ne-image-wrapper">
 				<img src="${RegExp.$1}" title="${title}" alt="${text}"/>
 				</div>

src/js/modules/audio/basic.es6

@@ -8,7 +8,7 @@ class BasicVideo extends Base {
 
 	template(match) {
 		let template =
-		`<div class="ejs-video">
+		`<div class="ejs-video ejs-embed">
 			<div class="ejs-video-player">
 				<div class="ejs-player">
 					<video src="${match}" class="ejs-video-js video-js" controls></video>

src/js/modules/image/basic.es6

@@ -11,7 +11,7 @@ class Dailymotion extends Base{
 		const dimensions = utils.dimensions(this.options);
 		const id = match.split('/')[2];
 		const template =
-		`<div class="ejs-video">
+		`<div class="ejs-video ejs-embed">
 		<iframe src="http://www.dailymotion.com/embed/video/${id}" height="${dimensions.height}" width="${dimensions.width}"></iframe>
 		</div>`
 		return template;

src/js/modules/markdown.es6

@@ -28,7 +28,7 @@ var helper = {
     template: (url, options) => {
         let dimensions = utils.dimensions(options);
         let template =
-            `<div class="ejs-video-player">
+            `<div class="ejs-video-player ejs-embed">
         <iframe src="${url}" frameBorder="0" width="${dimensions.width}" height="${dimensions.height}"></iframe>
         </div>`;
         return template;
@@ -42,7 +42,7 @@ var helper = {
      */
     detailsTemplate: (data, embedUrl) => {
         var template =
-            `<div class="ejs-video">
+            `<div class="ejs-video ejs-embed">
         <div class="ejs-video-preview">
         <div class="ejs-video-thumb" data-ejs-url="${embedUrl}">
         <div class="ejs-thumb" style="background-image:url(${data.thumbnail})"></div>

src/js/modules/video/basic.es6

@@ -10,7 +10,7 @@ class LiveLeak extends Base{
 	template(match){
 		const dimensions = utils.dimensions(this.options);
 		const template =
-		`<div class="ejs-video">
+		`<div class="ejs-video ejs-embed">
 		<iframe src="http://www.liveleak.com/e/${match.split('=')[1]}" height="${dimensions.height}" width="${dimensions.width}"></iframe>
 		</div>`;
 		return template;

src/js/modules/video/dailymotion.es6

@@ -10,7 +10,7 @@ class Ted extends Base{
 	template(id){
 		const dimensions = utils.dimensions(this.options);
 		const template =
-		`<div class="ejs-embed">
+		`<div class="ejs-embed ejs-ted">
 			<iframe src="http://embed.ted.com/talks/${id.split('/')[2]}.html" height="${dimensions.height}" width="${dimensions.width}"></iframe>
 		</div>`;
 		return template;

src/js/modules/video/helper.es6

@@ -12,7 +12,7 @@ class Ustream extends Base{
 		id.splice(1, 0, 'embed');
 		const dimensions = utils.dimensions(this.options);
 		const template =
-		`<div class="ejs-embed">
+		`<div class="ejs-embed ejs-ustream">
 		<iframe src="//www.${id.join('/')}" height="${dimensions.height}" width="${dimensions.width}"></iframe>',
 		'</div>'`;
 		return template;