Follow these steps.


1. Add a HTMl/JS Element just below the video of choice, copy and paste the example Custome JS/HTML code below into the HTML field and save.

2. Copy and paste the example CSS code below into the Custom CSS field in the Page Settings.


3. Locate the CSS Selector ID from the video of choice and replace the "PUTHERETHECSSVIDEOSELECTORCODE" with your video's CSS ID in the 3 fields in both the example codes, resave each element.




Example Java/HTML Code:


<style> .test { position: fixed !important; top: 0 !important; left: 0 !important;; right: 0 !important;;  z-index:999 !important;  width:300px !important;  height:200px !important; }
</style>
<script>
window.onscroll = function() {myFunction()};
function myFunction() { if (document.body.scrollTop > 90 || document.documentElement.scrollTop > 90) {  document.getElementById("video-PUTHERETHECSSVIDEOSELECTORCODE").className = "test"; } else {  document.getElementById("video-PUTHERETHECSSVIDEOSELECTORCODE").className = ""; }
}
</script>
HTML


Example CSS:


#video-PUTHERETHECSSVIDEOSELECTORCODE { float: left; }
HTML