Skip to site navigation (Press enter)
Re: [tw5] Embedding content using
</span></a></span> </h1> <p class="darkgray font13"> <span class="sender pipe"><a href="/search?l=tiddlywiki@googlegroups.com&q=from:%22Kalcifer+Kandari%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Kalcifer Kandari</span></span></a></span> <span class="date"><a href="/search?l=tiddlywiki@googlegroups.com&q=date:20190312" rel="nofollow">Tue, 12 Mar 2019 19:14:56 -0700</a></span> </p> </div> <div itemprop="articleBody" class="msgBody"> <!--X-Body-of-Message--> <pre>One problem with the method, especially for locally served videos, is that <iframe> has no access to <video> tag attributes, such as loop, autoplay, and controls. The only way to set them would be to create a '.html' file that just has the <video> tag with the attributes set, then use that as the source instead of the video directly. This of course isn't a problem when embedding content from external sites with custom players.</pre><pre> Kalcifer On Wed, Mar 13, 2019 at 2:08 AM TonyM <anthony.mus...@gmail.com> wrote: > Thanks for Sharing. > > On Wednesday, March 13, 2019 at 12:46:31 PM UTC+11, Kalcifer Kandari wrote: >> >> I created a workaround for media where the aspect ratio is known. The >> width can be set to 100%, and for 16:9, the height can be calculated using >> this CSS: height: calc( ( 100vw - <static_elements_width>px ) / 16 * 9);, >> where <static_elements_width> is the total width of elements that do not >> flex. @media would also need to be used as well for the sidebar >> breakpoint. >> >> Not sure how elegant this is, but wouldn't be difficult to incorporate >> into a macro where the CSS is inline and the aspect ratio is a parameter. >> >> Kalcifer >> > -- > You received this message because you are subscribed to a topic in the > Google Groups "TiddlyWiki" group. > To unsubscribe from this topic, visit > <a rel="nofollow" href="https://groups.google.com/d/topic/tiddlywiki/22I-kK08VeI/unsubscribe">https://groups.google.com/d/topic/tiddlywiki/22I-kK08VeI/unsubscribe</a>. > To unsubscribe from this group and all its topics, send an email to > tiddlywiki+unsubscr...@googlegroups.com. > To post to this group, send email to tiddlywiki@googlegroups.com. > Visit this group at <a rel="nofollow" href="https://groups.google.com/group/tiddlywiki">https://groups.google.com/group/tiddlywiki</a>. > To view this discussion on the web visit > <a rel="nofollow" href="https://groups.google.com/d/msgid/tiddlywiki/3d912d54-e727-4589-ba85-0fa17377c1a0%40googlegroups.com">https://groups.google.com/d/msgid/tiddlywiki/3d912d54-e727-4589-ba85-0fa17377c1a0%40googlegroups.com</a> > <<a rel="nofollow" href="https://groups.google.com/d/msgid/tiddlywiki/3d912d54-e727-4589-ba85-0fa17377c1a0%40googlegroups.com?utm_medium=email&utm_source=footer">https://groups.google.com/d/msgid/tiddlywiki/3d912d54-e727-4589-ba85-0fa17377c1a0%40googlegroups.com?utm_medium=email&utm_source=footer</a>> > . > For more options, visit <a rel="nofollow" href="https://groups.google.com/d/optout">https://groups.google.com/d/optout</a>. > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at <a rel="nofollow" href="https://groups.google.com/group/tiddlywiki">https://groups.google.com/group/tiddlywiki</a>. To view this discussion on the web visit <a rel="nofollow" href="https://groups.google.com/d/msgid/tiddlywiki/CAF_%3DHkNMG5NGpgYxJ8c4CXhbKteShkcNoM2Bs64P4Akw_PhFhw%40mail.gmail.com">https://groups.google.com/d/msgid/tiddlywiki/CAF_%3DHkNMG5NGpgYxJ8c4CXhbKteShkcNoM2Bs64P4Akw_PhFhw%40mail.gmail.com</a>. For more options, visit <a rel="nofollow" href="https://groups.google.com/d/optout">https://groups.google.com/d/optout</a>. </pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg92458.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="index.html#92459">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="mail2.html#92459">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg92460.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email"><span class="subject"><a href="msg92444.html">[tw5] Embedding content using <iframe></a></span> <span class="sender italic">Kalcifer Kandari</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg92456.html">Re: [tw5] Embedding content using <iframe></a></span> <span class="sender italic">Kalcifer Kandari</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg92458.html">Re: [tw5] Embedding content using <iframe></a></span> <span class="sender italic">TonyM</span></li> <li><ul> <li class="icons-email tSliceCur"><span class="subject">Re: [tw5] Embedding content using <iframe...</span> <span class="sender italic">Kalcifer Kandari</span></li> </ul> </ul> </ul> </ul> </div> <div class="overflow msgActions margintopdouble"> <div class="msgReply" > <h2> Reply via email to </h2> <form method="POST" action="/mailto.php"> <input type="hidden" name="subject" value="Re: [tw5] Embedding content using <iframe>"> <input type="hidden" name="msgid" value="CAF_=HkNMG5NGpgYxJ8c4CXhbKteShkcNoM2Bs64P4Akw_PhFhw@mail.gmail.com"> <input type="hidden" name="relpath" value="tiddlywiki@googlegroups.com/msg92459.html"> <input type="submit" value=" Kalcifer Kandari "> </form> </div> </div> </div> <div class="aside" role="complementary"> <div class="logo"> <a href="/"><img src="/logo.png" width=247 height=88 alt="The Mail Archive"></a> </div> <form class="overflow" action="/search" method="get"> <input type="hidden" name="l" value="tiddlywiki@googlegroups.com"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search tiddlywiki"> <input class="submitbutton" name="submit" type="image" src="/submit.png" alt="Submit"> </form> <div class="nav margintop" id="nav" role="navigation"> <ul class="icons font16"> <li class="icons-home"><a href="/">The Mail Archive home</a></li> <li class="icons-list"><a href="/tiddlywiki@googlegroups.com/">tiddlywiki - all messages</a></li> <li class="icons-about"><a href="/tiddlywiki@googlegroups.com/info.html">tiddlywiki - about the list</a></li> <li class="icons-expand"><a href="/search?l=tiddlywiki@googlegroups.com&q=subject:%22Re%5C%3A+%5C%5Btw5%5C%5D+Embedding+content+using+%3Ciframe%3E%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg92458.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg92460.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> <a href="#"><img src="/tiddlywiki@googlegroups.com/logo.png" alt="tiddlywiki"></a> </div> <div class="margintopdouble"> </div> </div> </div> <div class="footer" role="contentinfo"> <ul> <li><a href="/">The Mail Archive home</a></li> <li><a href="/faq.html#newlist">Add your mailing list</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="/faq.html#support">Support</a></li> <li><a href="/faq.html#privacy">Privacy</a></li> <li class="darkgray">CAF_=HkNMG5NGpgYxJ8c4CXhbKteShkcNoM2Bs64P4Akw_PhFhw@mail.gmail.com</li> </ul> </div> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9d6ae4cddbfcd287',t:'MTc3MjU2NDUyOA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>