LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Embedding Images and Movies into Your Posts at Creative Cow

COW Library : Test Posting Code Here Tutorials : Kathlyn Lindeboom : Embedding Images and Movies into Your Posts at Creative Cow
Embedding Images and Movies into Your Posts at Creative Cow
How To Embed Movies, Demo Reels and Images in Posts at CreativeCow.net


Kathlyn Lindeboom

ARTICLE FOCUS:
Kathlyn Lindeboom, CreativeCOW's founder/director, demonstrates how to use standard html tags to embed and call images and movies into your posts here at the Cow. If you wish to post a clip of a problem or perhaps your demo reel for feedback -- or maybe a still image that shows members a problem you may be having -- here is how it's done....


This is a simple tutorial to guide you in the ins-and-outs of using standard HTML "tags" in order to personalize your posts here in the forums at the Cow. Feel free to copy this information in a text file or as a PDF so you can keep in on your desk top and use it anytime you want to get fancy with your posts. Important Note: Please don't be overcome with apprehension if you do not know what "standard HTML tags" means, as this is really a simple process -- one which intimidated me at first but is actually quite easy to learn.

There are really only two basic "calls" or "Tags" to learn:

  • One allows you to "call" still images and is very easy to use -- it's called an "image source" tag. We'll look at it in a minute but first let's look at the dynamic media call tag...
  • The other, the call that allows you to call and embed movies -- demo reels, examples of a problem you may be having or maybe an answer that solves a problem for someone on the forums -- is called a "MIME" element call and we'll look at it in a minute. But first let's begin with the most basic element, Step One.


STEP ONE:
Regardless if you are using either the still image or movie "call", the first step begins with your graphic or movie file, a file that must be "hosted" on a server -- either your own or a service provider's server. (There are free services on the Net which give you very limited access to upload your file but most quickly hit their free bandwidth limit and then give your viewers a "Sorry, come back later -- Over Quota" notice.)
Please Note: We do not and will not host clips for anyone other than Cow leaders and hosts, so please do not ask -- were we to host files for the 100,000+ regular visitors to the Cow, we'd have no room left on the server or bandwidth for anything else.

Note: We've also provided a special forum for your embedding tests here in Creative COW -- so test away in our COW: Test Post Forum.


STEP TWO: Calling a Still Image
Let's look at the simple "image source" tag that allows you to embed a still image in your post...

small logo

ADDING A STILL IMAGE TO YOUR POST:

Perhaps you want to put your logo at the bottom of every post that you make. Or you have a graphic that you've been working on that you want to ask people about and get their feedback on. To embed a graphic, upload your graphic to your server/service provider account. Then use the following html to "call" that file and "embed" your graphic in your post:

<img src="http://www.your_url_here.com/your_image's_name_here.jpg" width="92" height="92" border="0" align="left" hspace="10" vspace="10">

Of course, as above, make sure there are no extra spaces or returns. And naturally, you'd place the actual url of the graphic andthe name of that graphic which you uploaded to your server. Don't forget the quotation marks around your file attribute tags or they won't work. The width and height tags can be deleted if you are not sure of the size -- without the width and height tags, the image will automatically open to whatever size the image is. The "hspace" call adds white space around the horizontal aspect of your image, while the "vspace" adds white space to the vertical aspect of your image.


EMBEDDING MOVIES:

It all started for us when someone asked a question about how to use Cult Effects Lightning (now called: After Effects Production Bundle's "Advanced Lightning"). A bunch of users started trying to answer the question being asked but people were having a hard time communicating the answer with showing a movie. So, we created a little movie file and "embedded" the movie file into a post by uploading the movie to the server so that this movie could be "called". When the post was clicked on by a user, the "call" would go out and the movie would load into the post. Then they could see the answer to the question. Voila! A Cow tradition was born and more and more users have begun doing this. Using the following html to embed the movie, this is how the movie above was successfully embedded into the post:

<embed src="http://www.your_files_html_address_here.com" width="160" height="151" type="video/quicktime" controller="true" autoplay="true" hspace="10" vspace="10" cache="true" loop="true">

This should be written on one line. No extra spaces or [return] key characters in your code or it won't work. All the quote marks have to be there. The only difference between this example and your own file will be that where I've written "the url of your movie" you need the complete URL address of yor file's online location so that it can be called. If you do not have the file online somewhere, it can't be called and embeds will not work. In this example, my movie file's URL location is:

http://www.creativecow.net/articles/lindeboom_kathlyn/whipped_cream/small_test.mov

I have added the quicktime attributes and spacing so that it will auto-load and loop with a controller. Also, you will want to add about 17 pixels to the embed height to allow the controller to be seen by visitors.

Now, when you are posting, just write your question or comment and then write the above html line calling your movie. You can then finish your question. Please be aware of movie size though -- a lot of us are still on modems and it can be quite annoying to open a post only to have a 2MB movie that you have to wait for. So try to make your movies small. Compress them, use the smallest size you can and still convey your information. Also, it might be nice if you warn people in the subject line if the post contains an embedded movie.

Well, there are the basics of how to create embeds in your posts. If you want to learn how to play with fancy text commands and custom text characters in your posts, then jump to Part Two of this look at the Basics of HTML Tags.

If you'd like to practice your embed calls, go to the HTML User Embed Test COW and try it out.

--Kathlyn Lindeboom

###


Comments

Re: Embedding Images and Movies into Your Posts at Creative Cow
by Davone Zeal
hello, i have the same problem...red noise on my 70d footage in low light.. please has anyone found a solution
Re: Embedding Images and Movies into Your Posts at Creative Cow
by Sue Howard
https://files.creativecow.net/mp3-files
@Sue Howard
by Tim Wilson
Sue, please go to the Letters to the COW Team forum, and tell us more about what you're trying to do. I see you trying to post files all over the COW today, and I'm not sure what your goal is.

We'd love to help though! So please go there and let us know.

Thanks!

Tim Wilson
Creative COW
still prblm
by zubair sultan
can we scroll still images with any plug-in in after effects 7 and windows xp
We want the YouTube embed, Michael
by Ron Lindeboom
We do not want to support the link, we want the embed. In most cases it makes it far easier for our members to see and discuss what people are wanting to talk about. We used to support the links but all too often the posts were "Hey how do they do this in this video" questions and didn't get answered. By having it auto-embed, most questions do now get answered.

Best regards,

Ron Lindeboom
Is there a way to *not* embed something?
by Michael Szalapski
I keep trying to post links to YouTube videos, but it seems no matter what I do it puts the video into the post rather than the link. Is there a way to make it just show a link and not put in the video?
+1
@Michael Szalapski
by Stephen Crye
Man I want to do this also ...

Win7 Pro X64 on Dell T7500, MultiTB SATA, 8GB RAM, nVidia Quadro 2000, Vegas 12, 11, 10, 9 DVDA 6.0 & 5.2(build 135) Sony HDR-CX550V, Panasonic GH3 with LUMIX G X VARIO 12-35mm / F2.8 ASPH, LUMIX G X VARIO 35-100mm / F2.8
@Stephen Crye
by Stephen Smith
Stephen,
If you are talking about YouTube links the COW automatically embeds the video into the post. If you are talking about embedding a video take a look at the film camera icon just above where you would type your response to me. Best of luck. The COW is making improvements to the site all the time.

Stephen Smith

Utah Video Productions

Check out my Motion Training DVD

Check out my Vimeo page
Embedding Images and Movies into Your Posts at Creative Cow
by Stephen Smith
Thanks, this has helped a lot!
Embedding Images and Movies into Your Posts at Creative Cow
by Manish Shukla
I was searching for the tags to be used for posting my movies, but today I got it.

Thanks a lot!


Recent Articles / Tutorials:
Art of the Edit
TV Workflow Supervisor Kylee Peña: The Benefits of Pressure

TV Workflow Supervisor Kylee Peña: The Benefits of Pressure

TV workflow supervisor Kylee Peña (Jane the Virgin, Colony) visits Adobe's "Make It" talk show to chat with host Jason Levine about the evolution of motion picture workflows, from the days of film and tape to our modern digital world of crazy-high shooting ratios and constantly evolving technology. She also expounds on the upside to creative constraints and tight deadlines. And don’t miss the lightning round!!!

Feature, People / Interview
Cow News
Color Grading
Grading The LEGO Batman Movie: Animal Logic and FilmLight

Grading The LEGO Batman Movie: Animal Logic and FilmLight

Following successful collaborations on The Matrix, Legends of the Guardians, and Happy Feet, Sydney's Animal Logic worked with Warner Bros on The LEGO Movie from pitch to proof of concept to post. Animal Logic has gone even further on the latest LEGO animated feature, The LEGO Batman Movie, where they were embedded with the production for over a year. The range of their work pushed every aspect of the Baselight system for editorial, VFX, and HDR not just for post, but for the entire production process.

Feature
COW News
An Editor's Epic Journey, by Katie Toomey

An Editor's Epic Journey, by Katie Toomey

What do you do when your company folds and there's no local work? Whatever you have to. For Katie Toomey, that meant emptying her savings and heading 2000 miles west to Los Angeles, with no job in hand. The only options were make it or break it. The journey itself was difficult, but the hardest part may have been the only thing that made it all possible: asking for help. This is a truly inspiring story with tons of real-world examples of how to accomplish what feels impossible at the time.


Katie Toomey
DaVinci Resolve
Fairlight + Resolve, Part 1: The DAWn of a Resolved Era

Fairlight + Resolve, Part 1: The DAWn of a Resolved Era

Marco Solorio of OneRiver Media gives an introductory overview to the rebirth of the Fairlight digital audio workstation (DAW) that is now part of Blackmagic Design’s powerful DaVinci Resolve post-production system. Is this finally the solution to break away from the Pro Tools stronghold?

Review, Editorial, Feature
Marco Solorio
NAB Show
Bob Zelin's NAB Show, Take 2017

Bob Zelin's NAB Show, Take 2017

Longtime broadcast engineer, facilities designer, and workflow consultant Bob Zelin has been attending the NAB Show for years, and his legendary write-ups have gone to unparalleled lengths to bring you hidden gems from every corner of the floor. Bob is taking a slightly different approach this time, as he views the specifics through the lens of trends that have been emerging for quite some time, now bearing fruit in 2017. Sit back and enjoy another real-world, hype-free, anything-but-objective ride through the industry's biggest week of the year.

Feature
Bob Zelin
RED Camera
Guardians of the Galaxy Vol 2: Behind the Scenes with RED

Guardians of the Galaxy Vol 2: Behind the Scenes with RED

Anticipation for Guardians of the Galaxy Vol. 2 was already heated up when director James Gunn announced that it was to be the first feature film captured with the RED WEAPON camera using an 8K RED DRAGON VV sensor. In this marvelous behind the scenes featurette courtesy RED Digital Cinema, James discusses the decision to use the RED WEAPON, and how it played out with director of photography Henry Braham, BSC. Both of them found the combination of the massive sensor and small form factor incredibly compelling, providing them the technology to capture the epic scale of the action, in a package small enough to allow them to get exceptionally close to the scenes of genuine intimacy that are this series' secret weapon. (See what we did there?)

Editorial, Feature
Tim Wilson
Art of the Edit
The Science of Editing: Look Closer -- The Mind of a Film

The Science of Editing: Look Closer -- The Mind of a Film

When you ask an editor what they DO in the edit suite, the answer is often something like, "Well, it's intuitive." To become better editors, though, we need to be more specific. Editor, author, and professor Dr. Karen Pearlman breaks down the process into five specific steps that editors must take in order to turn a mass of material into something coherent. You can learn to hone the specific skills of observation and self-awareness that distinguish editors from other observers, and make unexpected connections that move stories in compelling new directions. Sven Pape of "This Guy Edits" presents his conversation with Karen in the form of a powerful video essay that you will find illuminating and inspiring, and will be able to start using right away.

Tutorial, Feature, People / Interview
Sven Pape
Adobe After Effects
Adobe After Effects April 2017 New Features

Adobe After Effects April 2017 New Features

The April 2017 release of Adobe After Effects (version 14.2) is packed with new features, and Tobias Gleissenberger of Surfaced Studio is here to show you the latest and greatest. Highlights include the Essential Graphics panel and Motion Graphics templates (with Adobe Premiere Pro integration), the addition of Lumetri Scopes and Color Correction effects, new effects organization, the Camera Shake Deblur filter and more.

Tutorial
Tobias Gleissenberger
The Evolution of Immersive Media

The Evolution of Immersive Media

Immersive media is not new. Emerging technologies, such as VR and AR as we currently know them, are simply part of an evolutionary path making media more immersive. Many commentators and industry professionals became cynical after the short life-cycle of Stereoscopic 3D, and are hesitant to embrace VR, calling it another fad. International award-winning engineer, editor, colorist, VFX artist, stereoscopic 3D artist, and Head of Operations at Auckland's Department of Post, Katie Hinsen sees it differently. These technologies are simply steps within a much wider ecosystem, says Katie, where it's the combination of failures and successes that lead us towards what immersive media is to become.

Editorial, Feature
Katie Hinsen
The Cinematography of Get Out: Toby Oliver, ASC

The Cinematography of Get Out: Toby Oliver, ASC

Toby Oliver, ASC is the award winning cinematographer behind the lens of Jordan Peel's debut film Get Out. “Get Out” has received high praise from critics (99% Fresh rating at Rotten Tomatoes) and moviegoers around the world for its story, acting, and cinematography. Toby shares all his lighting and lensing techniques that gave Get Out its uniquely horrifying look. He and Go Creative Show host Ben Consoli discuss the blending of horror and comedy, why Toby choose to shoot with zoom lenses, the challenges of a limited budget, and so much more.

Feature, People / Interview
Ben Consoli
MORE
© 2017 CreativeCOW.net All Rights Reserved
[TOP]