Tip: Adding YouTube Videos , Vimeo etc into the activity feed ( updated )

[Bizz]

Here is an updated tip as seems some things have changed since last time I posted that last tip.

You can try it and see how it looks here: https://jr-images.ning.com/

First of all not many people know that you can add videos into the activity feed using the status share box, you can also add soundcloud into it, this has always been available but just not well known. You can embed but only using the link option( see image below ) to do it so you just copy the link from youtube and add it in the box then click share

However it doesn't quite look ok for me as a bit small with grey borders and the video itself does not quite fit so here is some code to fix that.

BEFORE

AFTER

Again in my previous video I added a popout button but know we just can use youtube's pop out to watch the video outside of the page, you can also move it about and resize it.

Ok so here is the code to make the display a little better, the code just goes in your design studio custom css

.feedEvent-createStatus .activityFeed-content.media-frame { max-width:100%}
.activityFeed-embed[data-type="video"] > .activityFeed-embedContent{
position: relative;
box-sizing: border-box;
padding-bottom: 56.25%!important;
height: 0;
overflow: hidden;
max-width: 100%;
width: auto;
background: none;
padding:0px;
}
.activityFeed-embed[data-type="video"] > .activityFeed-embedContent iframe{
position: absolute;
min-width: 200px;
max-width: 100%;
min-height: 100%;
width: 100% !important;
height: 100%;
top: 0;
left: 0;
}