I am making an application that reads an mp3 file , and I want the user to be able to share the mp3 player on his profile and be shown like the image below:
and not like the normal share button.
<embed id="mpl" height="16" name="mpl"
type="application/x-shockwave-flash" width="176"
src="http://hexol.org/partners/player/player.swf"
flashvars="author=Bindas Radio&description=Bindas Radio&captions=Bindas&duration=9999999999&file=http://74.63.104.27:8234/;stream.mp3&link=http://www.fnradio.net/sms.php&backcolor=000000&frontcolor=FFFFFF&lightcolor=CCCCCC&screencolor=000000&volume=40&autostart=true&repeat=always"
wmode="opaque" allowscriptaccess="always"
allowfullscreen="true" quality="high"></embed>
Related
I have a lot of pages (thousands) with user generated content containing Youtube video's embedded with flash objects. This content was generated by a rich text editor like CKeditor and TinyMCE. They look like this:
<object width="550" height="400" data="//www.youtube.com/v/hENGl-ebqp0?version=3" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="allowNetworking" value="internal" /><param name="movie" value="//www.youtube.com/v/hENGl-ebqp0?version=3" /><param name="allowFullScreen" value="false" /></object>
I can't replace this with the iframe/html5 version of youtube embeds because this is part of larger pieces of HTML saved in a database.
But pages using these flash youtube embeds crash in Safari on iPhone. The page tries to reload a few times and end in a crash message.
This is a sample page which crashes in Safari: http://www.badboysbrand.nl/c-3021388/video/
I have looked everywhere to an answer to this, and it is all very confusing.
I can not get my videos to play on either an ipad or iphone.
They play on other devices including androids/desktops. I have converted them many times using Miro video converter and handbrake, I have tried reducing the file size. I have tried removing the poster tags. I have come to the conclusion there must be something wrong with my html, which look like this:
<div id="blackbox_2" style="display: none">
<video title="BlackBox Sessions Part 2" class="video" preload="auto" controls>
<source src="videos/BlackBoxPt.2 copy.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="videos/BlackBoxPt.2.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="videos/BlackBoxPt.2.ogv" type='video/ogg; codecs="theora, vorbis"'>
<object width="640" height="360" type="application/x-shockwave-flash"
data="flowplayer-5">
<param name="movie" value="flowplayer-5" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"clip": {"url": "http://kimcolemanprojects.com/videos/BlackBoxPt.2.appleuniversal.mp4", "autoPlay":false, "autoBuffering":true}}' />
</object>
</video> </div>
This html I got from dive into html. On the iPad/iphone you can see the video play button in the middle, however when you click on it nothing happens.
The page with the videos is here http://kimcolemanprojects.com/video-lighting.html
I have several videos on this page that are display in a fancy box.
If anybody can help guide me in the right direction I would be very grateful, this problem I'am finding very irritating.
Thanks
Angela
I decided the easiest option to this problem was to stream all my videos through youtube and vimeo. That way they work on everything.
I am using videolightbox to play videos on my site. It works (on all platforms) on the homepage where the video pops up in an overlay. To do that I use:
<a href="videos/player.swf?url=videos/filename.mp4">
on page2 (see: http://daretogaincontrol.com/page2?title=Having%20Fun)
I use an iframe tag like so:
<iframe src="videos/player.swf?url=videos/filename.mp4">
And that doesn't work. I'm not sure it's the iframe, but I've been around several circles trying to figure out why the videos don't play on iPad and iPhone (see Videos don't play on iPad/iPhone).
Works on all other platforms. Thanks for help.
Looks to me that your code is using an '.swf' file to play the .mp4 video.
Apple products do not facilitate the use of flash (.swf) objects.
You can bypass this by using something like the following code;
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="340" height="280" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="SRC" value="video.mp4">
<param name="AUTOPLAY" value="false">
<param name="CONTROLLER" value="false">
<embed src="video.mp4" width="340" height="260" autoplay="false" controller="false" pluginspage="http://www.apple.com/quicktime/download/">+
</object>
Hope this helps mate.
I'm having an issue that is specific to Safari on Mac OSX, where setting wmode to transparent is not preventing facebook modal windows, or drop downs from being overlapped by the video. We have tried opaque, transparent, and a handful of other hacks from around the net, but can not seem to resolve the issue in Safari. Can anyone help resolve the issue, or reproduce it?
iframe title="YouTube video player" width="520" height="290" src="http://www.youtube.com/embed/TP790i87rBc?wmode=transparent&rel=0" frameborder="0">
Thanks!
Bob
I recently had the same problem. It looks like YouTube has also changed its embed code from <object> to <iframe>, yet neither of these worked for me. The solution for my project was to just use the <embed> tag.
<embed type="application/x-shockwave-flash" src="' + videoSource + '" width="640" height="390" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" bgcolor="#000000"></embed>
I have created simple facebook app. I have a profile tab(for facebook pages) where I have embed a youtube video.
<fb:swf swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;" swfsrc='http://www.youtube.com/v/xxxxxxxxxx' imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg' width='340' height='270' />
The image appears fine. But onclick It does not play the video.
I appreciate any help.
Thanks.
in order to achieve that you have to correctly replace the swfsrc attribute value with the one of the youtube video you want.
open the youtube video link, click on the embed button and look at the first <param name="movie" value="http://www.youtube.com/v/cNgf6fd88g8?fs=1&hl=en_US"></param> tag. copy that value (without the query string) and paste it on your swfsrc attribute value. that's all. enjoy ;)
<iframe
id="yt"
src="//www.youtube.com/embed/i8h9_2Ph5VY/?wmode=opaque&version=3&theme=dark&width=810&height=456&autoplay=0&rel=0&showinfo=0&iv_load_policy=3&&vq=hd720&hd=1&html5=1&enablejsapi=1&playerapiid=main"
frameborder="0"
scrolling="no"
allowfullscreen="true"
webkitallowfullscreen="true"
mozallowfullscreen="true"
style="width: 810px; height: 456px;">
</iframe>