This is a simple extension to transform URLs such as a youtube link to an iframe, a preview.
For the moment, it works with websites that allow embedding and youtube (the URL is transformed).
More websites could be supported such as Spotify in the future if people are interested!
Plugin: https://github.com/FHachez/obsidian-convert-url-to-iframe
Just installed this and I really like it already. It also incidentally works when I embed my own website and I guess will work with many other websites. Is there or could there possibly be a way in the future to scale a website or other by %? Not sure if I am asking this correctly let me tryā¦
When I embed a website its full size is greater than the page space both in Obsidian and Obsidian Publish I would like it to fully fit the window with out any scroll bars. I think I am asking is it possible to scale an embed up or down so its content is + (120% for example) or - (70%) of the original size. I have no idea if this is possible at all?
apologies in advance for my knowledge-less mind around this stuff
Good plugin by the way
@KaneDodgson Thanks for trying it!
I guess will work with many other websites.
It works with a lot of websites but sadly there isnāt an easy rule to know in advance. Youāve to try it to know.
Each website can decide to allow or not whether we can embedded their website.
For example, youtube allows urls like āYouTubeā but not the normal urls āhttps://www.youtube.com/watch?v=XYZā.
Currently, the plugin only do something specific for youtube transforming āhttps://www.youtube.com/watch?v=XYZā into āYouTubeā.
When I embed a website its full size is greater than the page space both in Obsidian and Obsidian Publish I would like it to fully fit the window with out any scroll bars.
For the size, you can resize the preview (there is a checkbox to be able to change the width and then you can move the bottom right corner of the preview) but indeed currently it doesnāt look great if you go wider than a normal page or if the page is really wide.
I think there is a CSS solution to resize the content. If there are more people interested, I can add an option to select a āzoomā level.
Would be lovely if possible (re zoom level) but either way still a good and useful plugin. As I am working on a project that will have a lot of embeds in it for the public your plugin will save me hours of fiddling around guessing dimensions, It is likely to be the most or one of the most useful plugins for me personaly
Iām sure this plugin is going to be useful to me in a number of situations. I currently use Obsidianās Templates plugin for pasting pre-made iframes for YouTube videos with set dimensions. Iām wondering if itās possible to use a preset of some sort for the iframeās dimensions instead of having to change it each time when needed. Thanks!
Also, having a hard time manually changing the iframeās size in the preview. Every time I drag the corner it selects part of the video/website instead of resizing it. Am I missing something?
Top, Iāll have a look for the scaling but after a small exploration, it doesnāt look easy.
If a CSS wizard has some tips Iām all ears. Iāve tried some solutions found online.
The difficulty is that we donāt have access to the content of the preview for security purposes. Itās hard to be sure that itās going to work well on most browsers (important if you want to publish it).
Furthermore, if the website has a reactive design, it shouldnāt need a rescaling.
At first I was thinking about simple input box for the width and the height, would it help you? On mac, the resizing is easy for me.
Do you always use the same size? I would imagine that you want different size depending on the url.
Oh, yeah the input box should work for my use case as long as the dimensions donāt reset each time I use the plugin, but maybe the preset idea would help for others.
I personally always use the same size for YT vids (I donāt use iframe for anything else), but Iād also imagine others wanting to use different sizes on specific URLs just as you say. In either case, the input box (and presets ĀÆ\_(ć)_/ĀÆ) would be helpful.
Maybe the dimensions in the input box could also change as the user manually resizes the preview.
Alright, Iāll start with the input box when Iāve some time. I should be easy to link to the resize.
The only detail, is that I want to keep the fixed width to 100% (the width of the document, I find it a nice feature).
Iāve got to check whatās the best way to store settings for a plugin.
Would be fantastic if we could do something like this.
This would be more consistent with the way that Obsidian behaves elsewhere.
Hi, I tried using your plugin but ran into an issue. I canāt see the checkbox for the iframe width:
In preview then the embed is very narrow:
Do you have an idea what the problem could be?
Thanks!
Are you using the āMinimalā theme? I had the same problem, and realized it has something to do with my theme settings.
Yes, Iām using the āMinimalā theme.
Did find a solution or workaround for the issue?
Hey, sorry for late answer. No, no solution other that switching theme when using the plugin. I ended up just creating some templates for embedding instead.
I tried this plugins but thatās not what I was looking for.
I just donāt want to do anything with a link to āconvertā it. Why not to add a drop-down icon to expand a link into preview iframe automatically?
I installed this plugin yesterday but decided to test it today, and I can say that itās a great thing and really useful.
I installed this plugin yesterday but decided to test it today, and I can say that itās a great thing and really useful. I canāt wait for you to be able to make a similar plugin for other platforms and sites like Spotify. This information is especially useful to me because I have started studying programming and am actively maintaining my YouTube account. And therefore, I will be able to make a video about this plugin, and I think it will be very cool. I will most likely need to use templates from this site for the video ā create.vista, because I just donāt have time to design thumbnails.
this is cool! I wish somehow it could also automatically paste the transcription with the note. Is this possible?
