So for some reason, I'm having issues making my object embed work on Firefox, but it works on all other browsers such as Chrome, Edge, etc..
Here is the code that I'm using:
<object width="640" height="400">
<param name="movie" value="https://www.youtube.com/embed/X29_UP1FWVQ">
<embed src="https://www.youtube.com/embed/X29_UP1FWVQ" type="application/x-shockwave-flash" width="640" height="400">
</object>
Does anyone know if something special has to be passed for Firefox?
I figured out the problem, you need an data="" attribute on the object for this to work.
Related
I have previously been able to play embedded videos on my Android and iOS devices. After some time of updates, the video all of sudden stop working for iOS but still works for Android. This is weird and hard to debug for me since I know little of the iOS side. Could someone point out an obvious problem or suggestion? I even tried reverting the code to a time the YouTube videos did not work on the iOS and displays nothing.
Here is the code I am using
HTML:
<iframe ng-if="data.youtube" width="90%" height="315" src='{{trustSrc(data.youtube)}}' frameborder="0" allowfullscreen="false" id="informationVideoBorder"></iframe>
JS:
$scope.trustSrc = function (src) {
return $sce.trustAsResourceUrl(src);
}
Any guru advice on tackling this?
Instead of using iframe try this iOS specific snippet:
Controller:
var video_embeded = 'CfFjwsA8PyU';
$scope.videoUrl = "https://www.youtube.com/v/'+video_embeded+'&hl=en_US&feature=player_embedded&version=3";
View
<object>
<param name="movie" value="{{videoUrl}}"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowScriptAccess" value="always"></param>
<embed src="https://www.youtube.com/v/'+video_embeded+'?suggestedQuality=medium&hl=en_US&feature=player_embedded&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always"></embed>
</object>
I have a simple page with this HTML code :
<iframe width="100%" height="480" src="https://www.youtube.com/embed/5FSsednibXQ?controls=0&showinfo=0" frameborder="0" allowfullscreen=""></iframe>
It is working fine in chrome but not in safari. I only have the black box with safari.
Any idea ? What is the correct way to embed a youtube video in safari ?
Try using this:
<object>
<param name="movie" value="http://www.youtube.com/v/[VIDEO_ID]"></param>
<embed src="http://www.youtube.com/v/[VIDEO_ID]" type="application/x-shockwave-flash"></embed>
</object>
It's explained here:
Making youtube.com/embed URLs work on iOS
I'm pretty sure this is a path issue but it's killing me, i cannot figure out the correct path to find the video. When I run this on my local machine it works just fine. When I run this server side in Chrome it works just fine. FF and IE however come back with "Cannot find this video".
Thanks!
<td width="225"><video controls poster="Approving.jpg" width="200" height="200" preload controls>
<source src="Approving.mp4" type="video/mp4">
<object type="application/x-shockwave-flash" data="NonverBlaster.swf"
width="225" height="129">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="flashvars" value="file=Approving.mp4">
<!--[if IE]><param name="movie" value="NonverBlaster.swf"><![endif]-->
<img src="Approving.jpg" width="854" height="480" alt="Video">
<p>Your browser can’t play HTML5 video. <a href="video.webm">
Download it</a> instead.</p>
</object>
</video></td>
This is the quintessential example of what happens when you walk away for a day and come back.
What was happening is I was browsing the HTML file through windows explorer instead of using IE/FF to go to IP/Port/index.HTML of the actual HTML.
Interestingly chrome know to look on the local server for the file.
I have a slight problem with a webpage : when I try to load a youtube video it shows a white rectangle ( I'm on firefox with win 8.1 x 64 and Yes, I did a flash player update )
Here's the code :
<object type="application/x-shockwave-flash" width="800" height="600"data="https://www.youtube.com/watch?v=jRXQsQKGqIU"><param name="movie" value="https://www.youtube.com/watch?v=jRXQsQKGqIU" /></object>
Can somebody tell me what's wrong with it ?
The other parts of the HTML code are just fine but this youtube code keeps showing me this white rectangle in my webpage instead of the video.
According to Google, the best way to embed is to use iframes:
Best practice: IFrame embeds are the recommended method for embedding
a YouTube player because the IFrame will select the appropriate player
based on the client's capabilities and available YouTube file formats.
That would look like this:
<iframe width="420" height="315" src="//www.youtube.com/embed/jRXQsQKGqIU" frameborder="0" allowfullscreen></iframe>
However, if you wish to use the Object tag, here's a working example:
<object width="640" height="390">
<param name="movie"
value="https://www.youtube.com/v/jRXQsQKGqIU?version=3&autoplay=1"></param>
<param name="allowScriptAccess" value="always"></param>
<embed src="https://www.youtube.com/v/M7lc1UVf-VE?version=3&autoplay=1"
type="application/x-shockwave-flash"
allowscriptaccess="always"
width="640" height="390"></embed>
</object>
Working JS Fiddle: http://jsfiddle.net/RAZC4/2/
https://developers.google.com/youtube/player_parameters
Maybe you can use the new code..
<iframe width="800" height="600" src="//www.youtube.com/embed/jRXQsQKGqIU" frameborder="0" allowfullscreen></iframe>
Have you made sure that your browser supports flash?
Otherwise I would suggest using the new embed code
I am embedding Soundcloud HTML code in a web page to show the audio player. Previewing in Safari 5.1.4 on Mac and running in a webview in my iPhone app (which should behave the same as Safari) the embed parameter "theme_color" does not work.
E.g.
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/44200324&auto_play=true&color=915f33&theme_color=00FF00"></iframe>
Anyone know why or a workaround? I want to be able to "colourise" the main look of the player from grey to another colour.
You can have custom colors using flash object:
<object height="81" width="100%">
<param name="movie" value="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F32678080&show_comments=true&auto_play=false&color=00cc00&theme_color=111111"></param>
<param name="allowscriptaccess" value="always"></param>
<embed allowscriptaccess="always" height="81" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F32678080&show_comments=true&auto_play=false&color=00cc00&theme_color=111111" type="application/x-shockwave-flash" width="100%"></embed>
</object>
For the list of available params take a look at:
http://developers.soundcloud.com/docs/widget