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.
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'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.
When I share a link to any Youtube video the video is not loaded to the chronicle and only the link appears in the post as shown in the first link hereafter. In comparison links to vimeo video work well as shown in the second link hereafter. Could you tell why this happens with the links to Youtube video?
https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/602987_10200981706798791_1321606490_n.jpg
https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-frc1/998556_10200981706998796_1641522632_n.jpg
Refresh your page, or restart the browser. Sometimes it deosn't show the preview.
Youtube does not count views when videos are autoplayed, i.e. when they have the parameter autoplay=1 at the end of the url like this:
http://www.youtube.com/watch?v=4r7wHMg5Yjg&autoplay=1
now when the videos are embedded inside facebook the code is:
<embed width="398" height="224" flashvars="width=398&height=224" wmode="opaque" salign="tl" allowscriptaccess="never" allowfullscreen="true" scale="scale" quality="high" bgcolor="#FFFFFF" name="swf_u285641_8" id="swf_u285641_8" style="" src="http://www.youtube.com/v/TxzVGR5U4Lc?version=3&autohide=1&autoplay=1" type="application/x-shockwave-flash">
because of this the views when a user shares on their facebook does not get counted properly. This has huge marketing ramifications, as youtube views are very important to grow organically, and facebook is definately the biggest medium of word of mouth.
This problem has been confirmed by a Google Employee, so is facebook working on something to rectify this?
Interesting. I guess the makeshift solution is to post a screen shot with a link to youtube or your page as long as autoplay=0.