Skip to main content

An Easy Way to Embed YouTube Playlists

youtube video playlist
If you are planning to embed multiple YouTube videos on a web page, you may even consider putting all these videos into a single YouTube playlist and then embed the playlist into your page. This offers two advantages:
1. You can squeeze in more video content in the same amount of (visual) space.
2. A video playlist will reduce the (byte) size of your web page considerably because, technically, you now have to embed the YouTube Flash video player only once on your page.

How to Embed YouTube Video Playlists

The default embed code for any YouTube video playlist looks something like this (remember to replace the word “ID” with the actual YouTube playlist ID) :
<object width="480" height="385"> 
<param name="movie" value="http://www.youtube.com/p/ID"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/p/ID" width="480" height="385"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true"></embed></object>
If you find the above code confusing, there a much simpler way as well.
YouTube offers an IFRAME option for embedding individual videos and the same code can be extended to embed video playlists as well.
<iframe src="http://www.youtube.com/embed/p/ID" 
width="100%" height="500" frameborder="0"></iframe>
You may have to modify the value of height and width attributes to make the video player fit your page.
What’s the advantage? The code looks clean and, going forward, Google could make these playlists HTML5 ready. Then your existing video playlist will play on browsers that don’t have the Flash plugin without you having to change the embed code.
Here’s a sample YouTube playlist embedded using the new IFRAME style.

Comments

Popular posts from this blog

Cheap & Easy To Use VPN Services in China for 2019

Because of copyright issues, many domestic video sites prohibit foreign direct access to foreign IPs. Overseas users want to see these videos from abroad and need to obtain domestic IP with VPNs to bypass these copyright restrictions. Wall mom brings the best solutions for your VPN Services which are not only the best in the area but also have cheap and affordable prices. In this article,  Wall mom  brings some cheap and easy to use over the wall VPN recommendations for their users with the reviews which will surely help those who want a access to the sites which has the copyright restrictions.  They wrote in this articles that Only recommend foreign VPN, do not recommend domestic VPN Dare to operate in the domestic VPN service, the policy risk is particularly large, almost all shut down or run, it is difficult to issue a refund. Before GreenVPN was shut down, a large number of users flocked for a refund, and the refund was still good. Many domestic VPNs...

ملگجی شام پھر نہیں آئی

ملگجی شام پھر نہیں آئی لے کے دامن میں اپنے رسوائی کھو چکے ہیں متاع جان و جگر نزہت بزم کے تمنائی ہے ہر اک روپ میں ترا پرتو تُو تو نکلا بڑا ہی ہرجائی تیرگی وہ ملی شب فرقت جس سے نرگس بھی خوب شرمائی یوں کھلے ہیں دریچے یادوں کے بڑھ گیا اور شوق تنہائی چھوڑ کر آج لالہ و گل کو بوئے گلشن بھی کتنی پچھتائی زیست کی پُرفریب راہوں پر دل نے چاہی ہے پھر شناسائی ہے اسیری جو شہر خاموشاں ہم نے دانش نہ جاوداں پائی

What are the HTML Tags?

The simplest HTML tags arrange text into blocks, designate the font or letter-style, and size of the type. Bold, italic and underline are each identified within an HTML tag that precedes the letter or word(s) to be effected. The tag appears again at the end of the chosen text with a slash to indicate the effect ends there. For example, see how the following sentence appears in HTML: HTML tags are the core of Hypertext Markup Language. HTML tags are the core of Hypertext Markup Language. The “b” stands for bold and HTML tags are always enclosed in angled brackets, with the closing tag starting with a forward slash. If the forward slash is forgotten, the remainder of the page will assume the effect. In addition to changing fonts, HTML tags also create hyperlinks, or clickable text. The hyperlink tag includes an embedded website address (URL or Uniform Resource Locator). By placing a hyperlink tag around a phrase or name, clicking on it will take the surfer to the desired address. This c...