Gofundme gave me the following widget code to add to my webpage, however it doesn't appear on my page. I think that it might have something to do with the embed tag as my design software states that "In HTML 4.01 Transitional the tag is not permitted." Could that be the problem?
Here's the code they sent me:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="258" height="338" title="Click Here to donate!" type="application/x-shockwave-flash"><param name="movie" value="/Widgetflex.swf"><param name="quality" value="high"><param name="flashvars" value="page=drum-lessons-for-indigent-students&template=6"><param name="wmode" value="transparent"><embed allowScriptAccess="always" src="/Widgetflex.swf" quality="high" flashVars="page=drum-lessons-for-indigent-students&template=6" type="application/x-shockwave-flash" wmode="transparent" width="258" height="338"></embed></object>
Kokesh is right, there are some issues with flash in some instances but the real issue with the gofundme widget has to do with how it's written for you to copy and paste. It's looking for a local file.
This tutorial should help with getting it to work using a workaround.
http://manicpixieropedoll.blogspot.com/p/gofundme-n.html
It is a Flash object. Flash is on it's way out and already blocked in Chrome. Do they provide some more civilized solution? I actually found your question as this happened just now to my wife.. I will look for solutions, but unless GoFundMe provides other widget, I'm not sure what to do.
Related
I can not figure out why Youtube embedded videos are not playing on a site.
http://dread.dev.hammermedia.ca/portfolio/city-of-airdrie-transit-series/
I've tried clearing the cache on browser, trying another browser, playing with the HTML. I'm out of ideas here.
Please see this youtube help email. Apparently there has been an internal error at Youtube for almost a week.
Youtube Problem Ticket
I've seen posts that old Object method is working, but not sure there are resources to find old parameters.
I did find this on another youtube help post about a similar down-time issue in 2017
<object width="500" height="350"><param name="movie" value="http://www.youtube.com/v/THE_VIDEO_ID"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/THE_VIDEO_ID" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="350"></embed></object>
Well, I must say this is embarrassing to ask, but to my defense I'll say that throughout my years of web development I've never encountered a case where embedding flash was absolutely necessary.
The Question
Simple, how do I embed a flash object of any kind (*.swf or if there any other options, them too) to my website?
Some Points
I don't need the code, I already have that, I just don't really understand it.
I'm looking for a good explanation on how to use the <embed> or <object> elements.
I've been searching around but couldn't find a clear explanation, even in the specs.
I'd award any good answer with an upvote, a cookie, and an accepted answer to the best :)
Definitions:
http://www.w3.org/wiki/HTML/Elements/embed
http://www.w3.org/wiki/HTML/Elements/object
Explanation on how to embed a flash object from Adobe:
http://kb2.adobe.com/cps/415/tn_4150.html
"The HTML OBJECT tag directs the browser to load Adobe Flash Player and then use it to play your SWF file."
Change "YOURFILENAMEHERE.swf" with your .swf file name.
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="320" HEIGHT="240" id="Yourfilename" ALIGN="">
<PARAM NAME=movie VALUE="YOURFILENAMEHERE.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#333399>
<EMBED src="Yourfilename.swf" quality=high bgcolor=#333399 WIDTH="320" HEIGHT="240" NAME="Yourfilename" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT>
I am trying to embed a video on a website which will be used as an intro. Im interested in a way of embeding that video without a control bar (play,pause...). I can convert it to any format as I have the project file so compability isnt an issue. I have tried inserting it with tag in HTML5 and that works seamlessly but because of a bug in Chrome white color in the video becomes gray and that doesnt work for me because video background has to be white so it can be camouflaged with the rest of the website.
Interesting. I haven't seen the Chrome/white issue, but from the sounds of it... it's just in dev versions of Chrome? I'm basing this off the last comment from this post.
Looks like there was a patch, and it's waiting to be merged.
Not sure if these help in terms of using HTML5's video tag. If you don't care about the tag, you could always go with a Flash-based version using an .mp4 file. That way, whenever you're comfortable with Chrome's rendering... you could set it back up with the video tag.
Again, if you're ok with using Flash... you could pull it off like so (using Flowplayer):
<object width="600" height="338" type="application/x-shockwave-flash" data="http://whywouldyouclickthat.com/flowplayer/flowplayer-3.2.7.swf">
<param name="movie" value="http://whywouldyouclickthat.com/flowplayer/flowplayer-3.2.7.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"clip": {"url": "/yourDirectory/yourMovie.mp4", "autoPlay":true, "autoBuffering":true},"plugins": {"controls": null}}' />
</object>
Again, not sure if Flash is a deal-breaker here.
While validating my not be a big issue to some people, I personally want my page to validate whenever possible, as I feel it's a good habit to code properly whether the compiler/browser/person reading your code understands anyways.
Anyways, I'm building a website for a client that is requesting a YouTube video of theirs be embedded in the page. Easy, I grab the code from YouTube and throw it in the page. It works of course, but the page now doesn't validate under XHTML 1.0 Strict solely because of the YouTube-generated code.
The part that doesn't validate is the embed portion, and it works fine without this line in Chrome, but breaks in Firefox/IE. If it was just IE I'd just shrug it off as IE being terrible as per usual, but being as Firefox is doing it as well I'm wondering how to approach the situation. I could just dynamically input the content based on the browser, therefore validating, but that seems sloppy.
Am I fighting a losing battle and should just ignore the fact that this page doesn't validate because of this snippet?
Not actual video, just example code
<object width="480" height="385">
<param name="movie" value="http://www.youtube.com/v/oHg5SJYRHA0?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/oHg5SJYRHA0?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed>
</object>
<object type="application/x-shockwave-flash"
data="http://www.youtube.com/v/oHg5SJYRHA0?fs=1&hl=en_US"
width="480" height="385">
<param name="movie"
value="http://www.youtube.com/v/oHg5SJYRHA0?fs=1&hl=en_US"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
</object>
That should work on IE, Firefox, Opera, Safari and Chrome.
The data attribute of <object> and the movie parameter must both be present and must have the same value.
In IE this prevents the SWF from streaming and, for example, presenting a pre-loader, but that should be a non-issue for YouTube.
For more, and for a fix for that last problem, see Flash Satay: Embedding Flash While Supporting Standards.
I think if you use swfobject you could get it to validate.
http://code.google.com/p/swfobject/
The <embed> tag is new to HTML5 and it's quite possible that the validator you are using is not fully up-to-date. All of that code should be quite fine in XHTML 1.0 strict.
I'm afraid the above answers still cause validation to fail on W3C. Here's a solution which works for xhtml strict;
<object type="application/x-shockwave-flash" data="https://www.youtube.com/v/YourVideoID" width="100%" height="100%"></object>
Something like below,which is complicated to figure out what it exactly means:
9.<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="945" height="102">
10.
11. <param name="movie" value="66.swf" />
12.
13. <param name="wmode" value="transparent" />
14.
15. <EMBED height="60" pluginspage="http://www.macromedia.com/go/getflashplayer" src="66.swf" type="application/x-shockwave-flash" width="468" wmode="transparent" quality="high"></EMBED>
16.
17.</object>
Use swfobject and stop worrying about it. Let the library handle the flash embedding.
Various browsers require various embedding techniques for various reasons, and we as application developers shouldn't need to worry about the arbitrary details.
<object> isn't really old-fashoned, however using all-caps for tags like the <EMBED> you've got there is. It isn't valid XML, or valid XHTML for that matter. (Then again, doing object/embeds for flash causes validation errors with the W3C XHTML Strict validator anyway... :)
If you call things like youtube old fashioned, then yes.
Try here