Hi,
I am very new, two days only, in the Wordpress world, sorry.
I need to know how to put videos in the portfolio, now I have problem with the size of my videos.
Thanks
Alex
How to Put Videos in the Portfolio
12 posts from 7 voices- Started 2 years ago by Openmedia11
- Latest reply from Burnt Pixel
- This topic is resolved
-
Posted 2 years ago #
-
Hey,
If it's a YouTube video, just paste the URL, if its a SWF file then paste the SWF file URL along with width and height parameters.
James
Posted 2 years ago # -
Hi there
Love the work, I use Avisio as the carcass for many new sites. Just have same issue as Openmedia11. I've tried pasting as follows:
http://www.youtube.com/v/rkgH63Vz4lI
into the portfolio WSYIWYG editor, but to no avail. I get no image at all, evenin the post itself.
Do I put in the embedding code instead? Or do I need dimensions?
Any help is much appreciated.
Posted 2 years ago # -
Hello,
I've run into the same problem getting videos to work. If I place a video inline in the portfolio post by clicking the insert video on the toolbar, then paste the link from YouTube, I get an error message "Image cannot be loaded. Make sure the path is correct and image exist." I get the same error message when I click the filmstrip icon that shows when you mouse over the book cover image. The website is: http://christian-publishing.net/category/portfolio/through-the-eyes-of-god.
Thanks for your help!
Posted 2 years ago # -
@ genesiscom - please don't link to your channel but to the video itself, so it should look like:
<a href="http://www.youtube.com/watch?v=mqXOKg2dCQc" rel="prettyPhoto" title=""><img src='http://christian-publishing.net/wp-content/uploads/2010/09/Eyes-of-God-200x300.jpg' alt='' title='Through the Eyes of God' height='300 ' width='200' /></a>@thommo50 - please use the sample code I provided above, but with your own preview image. I tested the link on my test server and it worked without problems.
@ denye:
Yes swf, vimeo and youtube are supported:
Sample code:
swf:
<a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf&?width=792&height=294" rel="prettyPhoto[flash]" title="Flash 10 demo"><img src="images/thumbnails/flash-logo.jpg" alt="Flash 10 demo" width="60" /></a> <a href="http://vimeo.com/moogaloop.swf?width=580&height=326&flashvars=clip_id=4321799&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" rel="prettyPhoto[flash]" title="Vimeo Movie"><img src="images/thumbnails/flash-logo.jpg" width="60" alt="Vimeo movie" /></a>youtube:
<a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>vimeo:
<a href="http://vimeo.com/8245346" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>mov files:
<a title="Despicable Me" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mov?width=640&height=360"><img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Despicable Me" width="50" /></a> <a title="Tales from Earthsea" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlr1_r640s.mov?width=640&height=340"><img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Tales from Earthsea" width="50" /></a> <a title="Grease Sing-A-Long" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/paramount/greasesingalong/greasesingalong-tlr1_r640s.mov?width=640&height=272"><img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Grease Sing-A-Long" width="50" /></a>The Dude
Posted 2 years ago # -
Thanks, Dude!
That did the trick. Now the video links and plays fine. I didn't have to put in all the code you showed above, just
http://www.youtube.com/watch?v=mqXOKg2dCQc. I was copying the address from the url line at the top of my browser instead of clicking the "share" button right below the video window in YouTube.
Thanks Dude for the quick response! Thanks, Kriesi for a great theme!
Posted 2 years ago # -
Burnt Pixel
MemberAvisio is sweet. The way it is put together makes sense (not to mention it looks great!). The code inside is nicely labelled and tight. Nice job.
I'm experiencing similar problems as mentioned above. Unfortunately, the code provided above (which I also found on the prettyPhoto site) aren't doing the trick for me. I am either getting the 1) "Image cannot be loaded. Make sure the path is correct and image exist." or 2) " I see only white box in lightbox" situations.
Here are examples of what happens if I just use the DEMO code provided:
If I post the demo code for Flash, I get a white, empty lightbox.
If I post the code for the Despicable Me quicktime movie, I get the exact same thing. If I remove the width/height code and the img src code, it will actually pull up Quicktime, but not play anything.
If I link to my own FLV clip, I get the "Image cannot be loaded. Make sure path is correct and image exist" error. However, can I link directly to a FLV in prettyPhoto, or does it need to be a .swf? (That will be my next question.)
I have a feeling this is something really stupid I'm missing, but I just spent more time than I'd like to admit wrestling with it and I'm willing to humiliate myself at this point to get it working.
Witness my problems for yourself here:
http://cinemediaproductions.com/cineblog/?page_id=26I have samples with the code I used listed in the post. There are a couple images to let you know lightbox works fine with still images.
Thanks
Posted 2 years ago #
Reply
You must log in to post.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
