I'm embedding a facebook video on a page using:
<iframe style="height: 100%; width: 100%;" frameborder="0" marginheight="0"
marginwidth="0" allowfullscreen="true" title="Facebook video player"
src="https://www.facebook.com/video/embed?video_id=' + videoID + '"></iframe>
Is there a way to make the video auto-play, start muted, etc? Other embeddable video players do this by accepting url params. However, I could find no such thing in the documentation.
p.s. I am aware that FB videos can also be embedded using their JS SDK (which does support autoplay), but I am looking for a way to do it using the above method.
Facebook policy does not allow autoplay of embedded content.
You could try to fiddle a way around with some nasty jQuery stuff to fake the click on the play button but this wont last for long, due to frequently code changes. Either use the JS SDK or use a platform like Youtube.
Related
I have this video implemented on my website:
<iframe allowtransparency="true" frameborder="0" height="400" scrolling="no" src="..." style="border:none;overflow:hidden" width="560"></iframe>
What I want to do is to track how many people play the video and watch it full time or at least 1 minute.
I have tried with Event Tracking, but this way is not accurate, because the tracking code I have implemented will be working when the whole iframe is clicked, which is no guarantee that the video will be played.
Actually this method does not work at all.
Any help will be highly appreciated!
Due to the cross-origin nature of your iframe, you won't be able to track the video clicks inside it. You could fire an event when the iframe loads...but as you mentioned, that's not an accurate measure of "plays"
You could upload your video to YouTube, and use the YouTube iFrame API to create and track video plays on your website via Google Analytics Events.
As far as I'm aware, Facebook doesn't have anything similar for their embeds...but I could be wrong.
There is any way to embed facebook live video into html page, with a custom video player script like mediaelementjs for example? Using rtmp that provide facebook when you do a live.
I have tested with this embed :
<video width="360" height="203" id="player1" src="rtmp://rtmp-api.facebook.com:443/rtmp/1327296050643313?ds=1&s_l=1&a=ATiweM9l1fKQFUUB" autoplay="true" type="video/rtmp" controls="controls"></video>
and JS init
<script type="text/javascript">
$('video,audio').mediaelementplayer(/* Options */);
</script>
But nothing in the page seems playing. someone have tested a player (maybe html5 player) for facebook live embed in html page?
Thanks
Have you checked the preview_url ? I haven't tested it, but in the documentation seems to be a method to get a preview_url in RTMP strem to preview the video you are recording.
Link to the documentation in Facebook
The problem for this workaound would be that the preview_url is limited to 4 hours and 10 viewers.
I am embbed a video in my artcile as follows: <figure class="op-interactive">
<iframe class="column-width" src="https://player.ooyala.com/player.swf?embedCode=xxxxxxxx&keepEmbedCode=true" width="320" height="180"></iframe>
</figure> I am embedding this right after the end of the <header> tag.
When I browse to the video URL, the video loads and plays. However, when viewing the article from my instant articles library using my iPhone 6s Plus, I just see a small circle where the video is supposed to be and it doesn't play. I tried a different combination embedding this video per the FB instant articles documentation to no avail. Am i doing anything wrong.
I have been trying to figure out how to play a youtube video in an my application without leaving and going to the YouTube App. I have read to embed it into a UIWebView and I tried that but I did not have any success with that at all.
I did something like the following
<html>
<body>
<iframe width="560" height="345" src="http://www.youtube.com/embed/q5WBsBDXqDs?rel=0" frameborder="0" allowfullscreen></iframe>
</body>
</html>
I even tried using the old embed function, but it is not working for me at all. Does anyone have any suggestions? Thanks in advance!
Edit:
I tried it in the the browser and it works just fine, but it does not work in the UIWebView! This is frustrating as to why it does not work.
Three20 has support for youtube "views":
http://three20.info/
http://api.three20.info/interface_t_t_you_tube_view.php
http://iphoneincubator.com/blog/windows-views/360idev-iphone-developers-conference-presentation
For reference: http://apiblog.youtube.com/2009/02/youtube-apis-iphone-cool-mobile-apps.html
Here is another one http://www.iphonedevsdk.com/forum/iphone-sdk-development/61447-how-play-youtube-movie.html
I believe this should be enough.
I've been looking at this for ages now and I cant find anything on the net that provides a solution. When trying to use the tag...
...this is embedded on a tab canvas. The 'Like' button appears when using the app locally, however, it doesn't appear when used on the facebook site. I get this error:-
FBML Error (line 264): unknown tag "fb:like"
I have FBML enabled in the settings. I've also tried using the iframe alternative with no luck.
Any ideas?
PS.. I'm using CakePHP
doesn't seem to be available inside Canvas. According to Facebook's document, there is a simple version and a version for XFBML but I can't find the document pointing to that one either. :(
The new documents is a mess.
This is the official document about XFBML like button
http://developers.facebook.com/docs/reference/plugins/like
If you're starting from scratch, you should build a IFrame based Canvas application instead of a FBML based one. IFrame Canvas applications can run normal JavaScript, including the JS SDK which supports the <fb:like> tag, for example: http://apps.facebook.com/fbrelll/xfbml/fb:like.
<div>
<fb:iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true">
</fb:iframe>
</div>
look at this ,using fb:iframe,it works well~~have a try!