Hi I doubt there is away to do this, but anyone have any thoughts on making Media Files embedded on a wiki page responsive? I'm currently designing a site on the foreground skin, which is a responsive skin, but all files using the Mediawiki syntax [[File: ]] are by default not responsive. Of course one could allow the use of the html img tags, but it would nice if there's another solution. I was thinking it could be done by css, maybe something like:
<div class ="responsive">[[File: ]]</div>
But I'm not sure what to reference via css, or if it could be done this way (I think the File embed will ignore any css, but maybe I'm wrong). Anyone have any thoughts on this? Thanks
Sent from my iPad
Could you specify what type of file? File:imageTypeFile should automatically be responsive. If it's a video file that's a different case.
Tom
On Dec 1, 2015, at 12:20 PM, tharpenator@gmail.com wrote:
Hi I doubt there is away to do this, but anyone have any thoughts on making Media Files embedded on a wiki page responsive? I'm currently designing a site on the foreground skin, which is a responsive skin, but all files using the Mediawiki syntax [[File: ]] are by default not responsive. Of course one could allow the use of the html img tags, but it would nice if there's another solution. I was thinking it could be done by css, maybe something like:
<div class ="responsive">[[File: ]]</div>
But I'm not sure what to reference via css, or if it could be done this way (I think the File embed will ignore any css, but maybe I'm wrong). Anyone have any thoughts on this? Thanks
Sent from my iPad _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
Hi Tom, I was looking for answer for all media files, including photos, pdfs, and videos, which, no doubt, is too much to expect. I just installed TimeMediaHandler which is what lead me to answer the question. Foreground, I'm sure you know, has the great flex video option with embedded YouTube & other video embed services, but sadly it does not work on self hosted videos, or wikimedia commons videos, via Mediawiki syntax.
Tom, btw, thanks for being one of the people behind the Foreground Skin...
Sent from my iPhone
On Dec 1, 2015, at 9:39 AM, Tom tom@hutch4.us wrote:
Could you specify what type of file? File:imageTypeFile should automatically be responsive. If it's a video file that's a different case.
Tom
On Dec 1, 2015, at 12:20 PM, tharpenator@gmail.com wrote:
Hi I doubt there is away to do this, but anyone have any thoughts on making Media Files embedded on a wiki page responsive? I'm currently designing a site on the foreground skin, which is a responsive skin, but all files using the Mediawiki syntax [[File: ]] are by default not responsive. Of course one could allow the use of the html img tags, but it would nice if there's another solution. I was thinking it could be done by css, maybe something like:
<div class ="responsive">[[File: ]]</div>
But I'm not sure what to reference via css, or if it could be done this way (I think the File embed will ignore any css, but maybe I'm wrong). Anyone have any thoughts on this? Thanks
Sent from my iPad _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
The question is, how do you want them to respond?
There is built in support for display-density variants of images via the srcset attribute, but that's only the most basic of operations.
If you want something like different crops based on display size, that'll be hard.
If you want something like having thumbnails float left/right on a large screen while showing full-column/block on a small screen, then I believe CSS and media queries should help.
Check the MobileFrontend extension's Minerva skin for how it handles this...
More generally on the markup, note that thumbnails using the 'thumb' param may be more flexible to style than raw inline images.
-- brion On Dec 1, 2015 9:21 AM, tharpenator@gmail.com wrote:
Hi I doubt there is away to do this, but anyone have any thoughts on making Media Files embedded on a wiki page responsive? I'm currently designing a site on the foreground skin, which is a responsive skin, but all files using the Mediawiki syntax [[File: ]] are by default not responsive. Of course one could allow the use of the html img tags, but it would nice if there's another solution. I was thinking it could be done by css, maybe something like:
<div class ="responsive">[[File: ]]</div>
But I'm not sure what to reference via css, or if it could be done this way (I think the File embed will ignore any css, but maybe I'm wrong). Anyone have any thoughts on this? Thanks
Sent from my iPad _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
I think what Chris wants is the actual video to scale depending on the screen width. PDFs are easy because the PDF handler ext is making them into images so they should scale just fine. At least they do on one of the wikis I have.
I've never used local media files personally. I just never had a need to host video and audio files. It was always easier to offload that on to someone else. So it's hard for me to say what the output is HTML wise and what would have to be addressed to make them scale to screen width.
I quickly installed the two extension so I could at least check a local video file but I'm getting an error on Thumbnail generation and having other issues. Which was another reason why I never use local media files. Never seem to work right without having to tweak other things.
I'll investigate some more and see if I can come up with anything.
Tom Sent from my iPhone
On Dec 1, 2015, at 1:42 PM, Brion Vibber bvibber@wikimedia.org wrote:
The question is, how do you want them to respond?
There is built in support for display-density variants of images via the srcset attribute, but that's only the most basic of operations.
If you want something like different crops based on display size, that'll be hard.
If you want something like having thumbnails float left/right on a large screen while showing full-column/block on a small screen, then I believe CSS and media queries should help.
Check the MobileFrontend extension's Minerva skin for how it handles this...
More generally on the markup, note that thumbnails using the 'thumb' param may be more flexible to style than raw inline images.
-- brion
On Dec 1, 2015 9:21 AM, tharpenator@gmail.com wrote:
Hi I doubt there is away to do this, but anyone have any thoughts on making Media Files embedded on a wiki page responsive? I'm currently designing a site on the foreground skin, which is a responsive skin, but all files using the Mediawiki syntax [[File: ]] are by default not responsive. Of course one could allow the use of the html img tags, but it would nice if there's another solution. I was thinking it could be done by css, maybe something like:
<div class ="responsive">[[File: ]]</div>
But I'm not sure what to reference via css, or if it could be done this way (I think the File embed will ignore any css, but maybe I'm wrong). Anyone have any thoughts on this? Thanks
Sent from my iPad _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
Sorry not to reply sooner, but that work thing was sucking way my time (lol).
Tom, that's exactly what I'm looking for & I totally agree about the local vs. offloading it. But, unfortunately, the project I'm working on needs local files as an option. (btw, I just installed TimeMediaHandler for the first time recently & found the thumbnail problem was a memory problem). Thanks for any help you can, or anyone else, can give.
On Tue, Dec 1, 2015 at 2:27 PM, Tom tom@hutch4.us wrote:
I think what Chris wants is the actual video to scale depending on the screen width. PDFs are easy because the PDF handler ext is making them into images so they should scale just fine. At least they do on one of the wikis I have.
I've never used local media files personally. I just never had a need to host video and audio files. It was always easier to offload that on to someone else. So it's hard for me to say what the output is HTML wise and what would have to be addressed to make them scale to screen width.
I quickly installed the two extension so I could at least check a local video file but I'm getting an error on Thumbnail generation and having other issues. Which was another reason why I never use local media files. Never seem to work right without having to tweak other things.
I'll investigate some more and see if I can come up with anything.
Tom Sent from my iPhone
On Dec 1, 2015, at 1:42 PM, Brion Vibber bvibber@wikimedia.org wrote:
The question is, how do you want them to respond?
There is built in support for display-density variants of images via the srcset attribute, but that's only the most basic of operations.
If you want something like different crops based on display size, that'll be hard.
If you want something like having thumbnails float left/right on a large screen while showing full-column/block on a small screen, then I believe CSS and media queries should help.
Check the MobileFrontend extension's Minerva skin for how it handles
this...
More generally on the markup, note that thumbnails using the 'thumb'
param
may be more flexible to style than raw inline images.
-- brion
On Dec 1, 2015 9:21 AM, tharpenator@gmail.com wrote:
Hi I doubt there is away to do this, but anyone have any thoughts on making Media Files embedded on a wiki page responsive? I'm currently designing a site on the foreground skin, which is a responsive skin, but all files using the Mediawiki syntax [[File: ]] are by default not responsive. Of course one could allow the use of the html img tags, but
it
would nice if there's another solution. I was thinking it could be done
by
css, maybe something like:
<div class ="responsive">[[File: ]]</div>
But I'm not sure what to reference via css, or if it could be done this way (I think the File embed will ignore any css, but maybe I'm wrong). Anyone have any thoughts on this? Thanks
Sent from my iPad _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
mediawiki-l@lists.wikimedia.org