Nov 21, 2009

How To Make Youtube Embedded Videos Viewable On All Browsers - including on Opera browser which is actually not viewable with embedde

free web hosting
Open Discussion > MODERATED AREA > Computers > Programming Languages > HTML, XML etc..

How To Make Youtube Embedded Videos Viewable On All Browsers - including on Opera browser which is actually not viewable with embedde

Inspiron


Firstly, I've noticed that embedded YouTube videos on personal websites, or any sites not on YouTube's domain, cannot be viewed on Opera browser. In other words, the codes given by YouTube to embed the videos on your site does not have support for Opera browser. However I've found out a trick to do so. Here's how..

This is the original code given by YouTube to embed to your own website. Copy this codes and paste into the source of your site.
CODE

<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/bTfVt5GxpFU"></param>
<embed src="http://www.youtube.com/v/bTfVt5GxpFU" type="application/x-shockwave-flash" width="425" height="350"></embed>
</object>


Now look at the value in the param tag and the source in the embed tag. Edit the "/v/" into "/p.swf?video_id=".

Hence it becomes the following..
CODE

<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/p.swf?video_id=bTfVt5GxpFU"></param>
<embed src="http://www.youtube.com/p.swf?video_id=bTfVt5GxpFU" type="application/x-shockwave-flash" width="425" height="350"></embed>
</object>


Now with this code, you will be able to play YouTube videos on Opera browser as well. Moreover, it's able to play videos on all types of browsers. A disadvantage is that you cannot see the first frame of the video like in the original code. Anyway, who want's to see just the first frame? Compatibility is the key to be a good web programmer.

 

 

 


Comment/Reply (w/o sign-up)

saitunes
So instead of embedding it as an FLV its a SWF?

Comment/Reply (w/o sign-up)

apacheNewbie
QUOTE(saitunes @ Feb 16 2008, 02:26 PM) *
So instead of embedding it as an FLV its a SWF?


I think youtube uses flash player to play FLV.
It is common to embed flash application in your web site for multimedia.

Comment/Reply (w/o sign-up)

alex7h3pr0gr4m3r
Yes many browsers cannot support the FLV format directly embedded into them, because of this youtube has a flash player (swf format) that opens the flv's and plays them with the gui (play, pause, timeline etc). Clever work around. Nice work.

Comment/Reply (w/o sign-up)

(G)alexandru Sacui
working?
How To Make Youtube Embedded Videos Viewable On All Browsers

Hi.

This isn't completely working. The first frame of the movie now shows up in Netscape. It wasn't before. When I click play, the video gets stuck in downloading and never plays. It gets stuck in both netscape and other browsers that were working without the code edit.

-reply by alexandru Sacui

Comment/Reply (w/o sign-up)

(G)NIcole
problem with "/p.swf?video_id=".
How To Make Youtube Embedded Videos Viewable On All Browsers

Hi,

The 1st time I cahnged the "/v/" to "/p.Swf?video_id=". It worked beutifully but, I tried it again & I can't get it to work. Do you think theres a problem with my server or, am I doing it wrong?

May I send you a video code & you change it for me? I would really appreciate it.

Thanks in advance

-question by NIcole

Comment/Reply (w/o sign-up)

(G)

I had a similar experience with IE6

 

First I reset all internet to default

 

Find where flash player is on hard disk “c-->windows-->System32 -->macromedia...> flash -->flashutil”  run update and install.

 

Internet Explorer will now play video again - problem fixed!

 

Laney


Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : make, youtube, embedded, videos, viewable, browsers, including, opera, browser, viewable, embedde

  1. Making This Website Automatically Scale For Browsers
    (1)
  2. Help With Website Layout Correction For All Browsers
    Page gets larger on Firefox 2 (4)
    If you go to my site at http://boozkerstweaks.trap17.com and you look at the home page everything
    is fine on all browsers. Problems start to arise very soon however. Here is my list of problems and
    i was wondering if someone could help with just whats wrong. I have done a HTML validator and found
    only 3 errors and all these problems still occured. You might find more now though because i am
    screwing around with the code. Here is the list of browsers and errors: Netscape 8.1: After you
    click on the pulldown menu and click the only tweak avaible at the moment the pag....
  3. Width Of Display Area Of Browser Window
    is there a formula? (6)
    I am making a table in a website that's as big as the display area of the browser for instance:
    CODE .... ..... How do I know the width of the browser display area? Better yet, is
    there a general formula for that for other screen resolutions? I know a little bit of javascript,
    are there functions for that?....
  4. Bug In Opera - How Can I Fix This?
    (2)
    Well, there's something really annoying happening in Opera. I have a table, with this code
    inside it: CODE style="border-top: 1px solid #E4E4E4; border-right: 1px solid #646464;
    border-bottom: 1px solid #646464" Well, this should normally show a border with the color #646464
    which is a gray color on the right and bottom of the table. Firefox and Internet Explorer
    understands that, and shows me a border with the right color. But Opera doesn't show any border
    at all! You can look at my site, the border should be in the RuneScape News and Community News boxe....
  5. Browser Altering Font Size
    (6)
    Is there a way to make the text on a page stay the same size, even if the user clicks on the
    'Enlarge text size' button or the 'Decrease text size' button within browsers. I
    know you can use an image, but that makes the site too big. I also am aware of the need to give the
    user control, but for particular reasons a particular section of text on the site needs to stay the
    same size. It doesn't matter if the text around it is enlarged or decreased. It is just a
    particular section. Any suggestions appreciated. Also, as an aside, is there a way you can ....
  6. Anchor Tag Compliance Issue?
    Firefox is tiny, IE and Opera okay (6)
    I have a string of anchor tags arranged as a menu bar horizontally on a page. Pretty basic stuff is
    included in the css to give some colour and rollover colour change. The page links have been in
    place in the Html code and all are tested and confirmed accurate. This topic has to do with the
    browser only,( I think). I mention this in case there might be concerns about the anchor tags being
    correctly coded. Yes, they are good. So I modified the css to get it looking the way I thought was
    correct for the page in terms of placement, Background colour, rollover effect, etc.....
  7. How To Reference Parent Browser Window From.....
    (2)
    i have a custom button on the local browser toolbar which points to a local html application (HTA).
    the browser launches the HTA when the custom button is clicked. i have to reference the parent
    browser window from the child HTA window. an instruction in the local HTA window.opener sets or
    retrieves a reference to the window (the browser) that created the current window (the HTA).
    however, window.opener is returning null. the HTA is run under the mshta.exe process. how do i
    reference the browser from the HTA or javascript? i have winxp sp2 with ie6.0 kvarnerexpress....
  8. Opening Images In Pictureviewer Instead Of Browser
    Locally (7)
    What I am trying to do is make up a small HTML site which will be based localy on my computer and
    basicly show all of the images I have taken on different holidays. What I want though is when I
    click on an image for it to be opened up in Windows Picture Viewer. As the web site will all be
    saved locally on my computer and not be going on the internet is there any way of achiving this? I
    am running Windows XP Professional if it makes any difference Thank you in advance,kvarnerexpress....
  9. Page Content Shifts In Different Browsers
    (4)
    The content on my pages either shifts or looks recognizably different between IE and Mozilla Firefox
    browsers. I formatted the text with css classes hopping that might help. However, that didn't
    help this problem. The page doesn't look the same in IE and Mozilla Firefox. What can I do to
    fix this? Thanks, kvarnerexpress ....

    1. Looking for make, youtube, embedded, videos, viewable, browsers, including, opera, browser, viewable, embedde

Searching Video's for make, youtube, embedded, videos, viewable, browsers, including, opera, browser, viewable, embedde
See Also,
advertisement


How To Make Youtube Embedded Videos Viewable On All Browsers - including on Opera browser which is actually not viewable with embedde

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com