Add video scaling - Githubissues

codewithtyler commented 7 years ago

Per madskristensen/MiniBlog#234

I see that pictures scales properly in a post when viewed in a mobile device.

I would like to do the same with videos. I have posted a video here on the demo site: http://miniblog.azurewebsites.net/post/test-videoz?mode=edit

The HTML code has an embeded link to a youtube video that I would just like to scale on a mobile device.

Any ideas??

claudefox commented 7 years ago

Anyone?

Hints on what to work on??

spreadred commented 7 years ago

@claudefox Add a width and/or height value to embed code based on detected size of display?</p> <p>Below is an example of a embedded link from YouTube with the width and height properties specified:</p> <p><code><iframe width="560" height="315" src="https://www.youtube.com/embed/c0jDZBOQ94M" frameborder="0" allowfullscreen></iframe></code></p> <p>EDIT: CSS and/or media rules should be able to take care of this</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

steveathon / bootstrap-wysiwyg

Add video scaling #101