Brian Rutledge
Created Aug 24, 2022Setting up an easy Embed Text Blaze
This solution will allow you to copy the link you want to embed, and easily add it to anywhere in Striven that allows you to add custom HTML. Things like tasks, HUB posts, and even certain kinds of text fields scattered all across Striven will work with this solution.
Also: The HTML in this snippet adds some CSS that will make whatever link you are embedding into a responsive embed so that it will dynamically resize to fit whatever display a user happens to be using. This will prevent any issue with the embedded content not being easily viewed.
If you have not already, add the Text Blaze extension to Google Chrome
Here is the link to download this extension
Before you continue to Step 2, complete the full sign-up/activation process.
In Text Blaze, click on the + button to create a new snippet
Give your New Snipper a Label, for instance "Embed"
Give your New Snipper a Shortcut, for instance "/embed" or "/emb"
Click on into the Body of your Snippet and paste the text below
<style>
.responsive {
position: relative;
padding-bottom: 56.25%;
/* 16:9 Ratio */
height: 0;
overflow: hidden;
}
.responsive iframe {
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
</style>
<div class="responsive">
<iframe src="{clipboard}"></iframe>
</div>
