test video ads

config/default.json

@@ -4,8 +4,8 @@
   "helmet": {
     "directives": {
       "childSrc": "'self' emb.d.tube player.twitch.tv www.youtube.com staticxx.facebook.com w.soundcloud.com player.vimeo.com",
-      "connectSrc": "https://steemitimages.com securepubads.g.doubleclick.net 'self' steemit.com https://api.steemit.com api.blocktrades.us",
-      "defaultSrc": "tpc.googlesyndication.com 'self' emb.d.tube www.youtube.com staticxx.facebook.com player.vimeo.com",
+      "connectSrc": "https://steemitimages.com securepubads.g.doubleclick.net 'self' steemit.com https://api.steemit.com api.blocktrades.us sdk.streamrail.com api.vidiom.net",
+      "defaultSrc": "tpc.googlesyndication.com 'self' emb.d.tube www.youtube.com staticxx.facebook.com player.vimeo.com sdk.streamrail.com",
       "fontSrc": "data: fonts.gstatic.com",
       "frameAncestors": "'none'",
       "frameSrc": "'self' googleads.g.doubleclick.net https:",

src/app/components/pages/PostsIndex.jsx

@@ -203,6 +203,9 @@ class PostsIndex extends React.Component {
                 page_title = `${page_title}: ${tt('g.all_tags')}`;
             }
         }
+        const videoPlayer = {
+            maxHeight: '200px',
+        }
         const layoutClass = this.props.blogmode
             ? ' layout-block'
             : ' layout-list';
@@ -248,6 +251,8 @@ class PostsIndex extends React.Component {
                     (promoted && !promoted.size) ? (
                         <Callout>{emptyText}</Callout>
                     ) : (
+                        <div>
+                        <div id="player-5b3e40c6efca8c0001f3fd78" style={videoPlayer}></div>
                         <PostsList
                             ref="list"
                             posts={posts ? posts : List()}
@@ -260,6 +265,7 @@ class PostsIndex extends React.Component {
                             showSpam={showSpam}
                             allowAdsOnContent={allowAdsOnContent}
                         />
+                        </div>
                     )}
                 </article>
 

src/server/server-html.jsx

@@ -215,6 +215,33 @@ export default function ServerHTML({
                         dangerouslySetInnerHTML={{ __html: body }}
                     />
                 }
+                
+                    <script
+                        dangerouslySetInnerHTML={{
+                            __html: `
+                        (function() {
+                            window.srAsyncInit = function() {
+                            SR("player-5b3e40c6efca8c0001f3fd78", {
+                                "playerId": "5b3e40c6efca8c0001f3fd78",
+                                "apiKey": "59b928b6839a4d0002000001",
+                                "version": "1.0",
+                                "macros": {
+                                "rand": Math.random().toString()
+                                }
+                            });
+                            };
+                        
+                            (function(d, s, id){
+                                var js, srjs = d.getElementsByTagName(s)[0];
+                                if (d.getElementById(id)) {return;}
+                                js = d.createElement(s); js.id = id;
+                                js.src = "https://sdk.streamrail.com/blade/sr.bladex.js";
+                                srjs.parentNode.insertBefore(js, srjs);
+                            }(document, "script", "streamrail-jssdk"));
+                        })();`
+                    }}
+                    />
+
                 {assets.script.map((href, idx) => (
                     <script key={idx} src={href} />
                 ))}