I am trying to embed a streaming preview of Caffeine.tv into my website.
Caffeine.tv has no official embedding or at least not for what I know but moderators of the platform told me you can do it yourself I only have no clue how and hope people here would be able to give me a hand in that.
Normally you watch Caffeine.tv stream through for example https://www.caffeine.tv/Kaph which shows an image of the URL but no visible video.
There is a workaround for that which is watching over https://preview.caffeine.tv/kaph
This shows preview but no window in the link now what I would like to do is use the preview URL and embed that into my website.
I look forward to support!
What you want can be achieved by using an iframe :)
<iframe src="https://preview.caffeine.tv/kaph"></iframe>
Please note, the above may not load correctly depending on Stack Overflow's allowance of cross-origin content from iFrames.
Please see this working on JSFiddle
Related
So I have a website like YouTube and I want to monetize it. It uses simple HTML5 video player to display dynamic videos. I don't want to integrate any other player because my site is designed for HTML5 players. I have watched couple of videos about this, and neither of the source codes worked (It didn't display the ad itself). I use Adsterra VAST tag, so I don't know if it's their problem or not. I would be very happy if someone can help me with documentations or sample codes. Thank you!
So you would need to use IMA SDK for html5 player:
https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side
In there you can find the necessary code to do it, sorry for the late reply i just found this ticket.
We are sharing jwplayer videos on facebook. The vidoes played fine on all other browser except chrome.
Please share below link on facebook on chrome and play the video, you will see player is disorderd and video is not played.
http://isp-dev.deliveredoncloud.com/facebook-video?v_key=atHlbXDD
The link is verified on facebook and OG debugger, it return response:206.
Any help, why video is not played in chrome.
player condition in chrom when played
From the error in your comments it looks like Chrome is enforcing content security policies.
These are described quite well here: https://developer.mozilla.org/en-US/docs/Web/Security/CSP/CSP_policy_directives and here: http://content-security-policy.com
Note in particular the browser support table in the first link (this will hopefully be updated regularly so is not a good thing to show here as it would just be a current snapshot).
You can experiment wit different settings, maybe trying a very open policy initially to make sure this is not masking some other issue.
Will try to explain my question with an example:
Home page has a large flowplayer (video) after the header. And the login tab uses bootstrap models which appears on top of the video player onclick with a normal login form.
Everything works fine on all browsers and devices except iphone or ipad.
By doing some google search I have come to a conclusion that apple does not support any html overlapping the video content.
Could not find any discussions on this topic on this site too, so posting this question here hoping that someone can provide an alternative or a way to get this working (overlapping models on video player).
Try to add
wmode="opaque"
to the
<object>
OR
<embed>
tag parameters and see if it helps.
I've taken a look at the YouTube API and it seems quite clear (for security reasons) that the player (embedded or not) does not allow YouTube video to automatically initiate full screen once loaded.
I wondered if there was a way to do this using Javascript to act as if the user had pressed the full screen button?
Any ideas shared would be greatly appreciated.
I'm afraid you can't use the YouTube player API to initiate fullscreen programatically.
This is because the underlying issues with fullscreen in flash and html5 video would make such an api method seriously error-prone.
Official response to back me up:
https://groups.google.com/forum/#!msg/youtube-api-gdata/Tyv3vTw0RQk/449KahYVNFYJ
I am using JavaScript to display a swf video, and I want to override the Full Screen button if possible, so that it redirects to another url instead of making the video full screen. Is there a parameter that I can pass to the SWFObject that will allow me to do this? I would appreciate any help. Thanks.
That depends on what video player you are using, not all video players created in Flash can support this. I recommend you elaborate your question about the specifics of the player / SWFObject, so that people can attempt to answer your question. You might also want to consult the documentation of the Flash player you are using.