InsaneJournal
Tweak says, "Hey Todd. How's it going?"
Username:
Password:
Remember Me
Create Account
IJ Login
OpenID Login
Search by
:
Username
E-mail
Region
Interest
AOL IM
ICQ Number
Yahoo! ID
MSN Username
Jabber
View
Create Account
IJ Login
OpenID Login
Journal
Post
Edit Entries
Customize Journal
Comment Settings
Recent Comments
Manage Tags
Account
Manage Account
Viewing Options
Manage Profile
Manage Notifications
Manage Pictures
Manage Schools
Account Status
Friends
Edit Friends
Edit Custom Groups
Friends Filter
Nudge Friends
Invite
Create RSS Feed
Asylums
Post
Asylum Invitations
Manage Asylums
Create Asylum
Site
Support
Upgrade Account
FAQs
Search By Location
Search By Interest
Search Randomly
Ally -- are you already gone? (
wastintime
) wrote in
rp_tutorials
,
@
2010
-
12
-
17
08:46:00
Videoless YouTube Player
Do you want your YouTube player without the video?
For example:
INSTRUCTIONS
1. Go to
YouTube
and get the embed code for the video. It should look something like this:
<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/E7HBgIOoeVg?fs=1&hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/E7HBgIOoeVg?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>
2. You are going to change the WIDTH and HEIGHT in
two
places. Change the WIDTH to be 200 and the HEIGHT to be 25. The result should look like this:
<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/E7HBgIOoeVg?fs=1&hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/E7HBgIOoeVg?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object>
3. Add DIV tags around the code to get rid of spacing issues.
<div style="margin: 0 -50px -50px -8px;"></div>
4. Paste the result into your post:
<div style="margin: 0 -50px -50px -8px;"><object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/E7HBgIOoeVg?fs=1&hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/E7HBgIOoeVg?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object></div>
You're done!
You can even do multiple ones in a list, which will allow you to make a playlist without hogging up white space. Pretty cool, right?
Questions? Comments?
Leave them here.
(
Read comments
)
Post a comment in response:
From:
( )
Anonymous
- this user has disabled anonymous posting.
( )
OpenID
InsaneJournal user
Username:
Password:
Login?
Don't have an account?
Create one now
.
Subject:
No HTML allowed in subject
Don't auto-format:
Message:
Check spelling during preview