Is there a way to get moxie player, which is packaged with TinyMCE, to display a splash image when you embed a video via the WYSIWYG tool? I've been Googling and playing with it for a while with no success at this point. I'm using TinyMCE 3.4.2 in production and have tried 3.4.3 in development, but it doesn't seem to work correctly. Honestly, I'm not even sure what the actual params are for this player since the documentation on the legal flashvars appears to be non existent. From what I can tell, the "poster" param should be what I need, but setting that when I embed the video object seems to do nothing. The only official documentation I've found so far is: http://tinymce.moxiecode.com/wiki.php/Plugin:media and that just gives the general params to pass into TinyMCE for the media plugin itself, not how to actually use the player.
Here is what I'm currently setting in the flashvars param tag
<param name="flashvars" value="url=http%3A//url/to/some.flv&poster=http%3A//url/to/some.jpg" />
Any ideas? I'd prefer to keep using the stock TinyMCE implementation if at all possible and this player, along with the WYSIWYG tool otherwise addresses the business issue perfectly for my company.
You can't do it with current version of moxieplayer.
swfdump (from Flex SDK) on moxiplayer.swf doesn't show any reference to the poster parameter, just the url one.
This is an open request feature. Just vote for it!
Currently you can only set a poster image using the HTML5 Video tag. You can validate this here by clicking the insert media button, selecting HTML5 video and assigning a poster image in the advanced tab.
After that just hit submit to see the resulting example and the corresponding HTML.
Related
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
I'm using the Angular JS extension angular-translate for language changing in my Cordova hybrid app with Mobile Angular UI.
The problem:
I found that I can't play the videos. And the video control bar is disabled. I looked in the source with Chrome's "Element Inspector" and saw that the file is there in <source>. I tried to copy the fully address and paste in the browser address bar and hit enter and the video started to play there in the browser window. So I know that the source address is the right one.
I realized that it could be a translate problem since I get the filename with translate code. And that is loading after the page is loaded. Then I tried to add translate-compile attribute to the element. Didn't worked.
So. What to do?
Here is the code:
<video controls poster="img/video-posters/{{'view-vid-img' | translate}}"><source src="img/videos/{{'view-vid-nme' | translate}}" type="video/mp4">Video not supported</video>
Edit:
Here is a demo:
https://plnkr.co/edit/ZZPJL1ReOC0ZOz4VI4kU?p=preview
Bit curios about the possibility to embed a custom HTML5 video player into Tumblr.
How it works now is basically that you put in an URL or embed code to Youtube or any other service and it'll load up the video and show it in the dashboard feed and on your blog.
I just checked with Vimeo, and in that case it seems like it fetches a vimeo iframe with the video (I guess it's their embed code) and inject it into the DOM when the play button is pressed.
Would it be possible to mimic this behaviour with a custom iframe of my own? Make Tumblr accept my own embed code (iframe based) that leads to a HTMl5 video and also serve up a preview image before the video is actually played.
So when I'd input for example, www.mydomain.com/video1 it would recognize it as a video and have it behave like any other video service out there.
Or would it otherwise be possible to do via their API?
Just to clarify: I would not want to use the Tumblr HTML5 video player, but a player of my own chosing.
The Tumblr dashboard will only play video previews for Video Posts. Anything embed in a caption or body will not get the preview treatment.
AFAIK, the only way to get a custom video to have a preview would be for Tumblr to work with your own platform / API. Tumblr pulls in the preview thumbs when you make the Video Post, if they support the platform.
There is a list of tested video platforms / providers here: Video Posts with Auto Thumbnail(Like in Facebook) in Tumblr.com
OK
So on this tumblr the 3 posts along the top are ones I have tried.
http://nativecitizenstest.tumblr.com/
First is a Video type post but simply passing the url to tumblr.
Second is a text post but passing custom embed html from vine (this included a script which I did not know would work).
Third is a text post with an iframe in that I hand coded.
I think metcalf seems to be flash video and I don't know if that is supported, but a little googling should tell us.
Question:
How can I control the sound output of this embedded video without overly complicating things?
Possible Solution (Complex)
I've looked into the youtube javascript control API, and, correct me if I'm wrong, but that will force me to incorporate a lot of complication into the setup to accomplish what appears to be a very simple task.
Note:
This is all only tested for webkit at this stage
Setup:
I've created an element that simulates an iphone controlling the channel of a tv by swapping youtube videos like so:
var channel1 = "http://www.youtube.com/embed/dFU6Cy4Hd5A?autoplay=1&rel=0&controls=0&showinfo=0&disablekb=1&iv_load_policy=3&modestbranding=1";
$("#channel-1").click(function(){
$("#tv").attr("src", channel1);
});
where the #channel-1 id is connected to a specific button on the remote, and the tv id is connected to the video player.
It looks like this:
Edit:
If the API is the only to accomplish this, please include a link to a comprehensive tutorial teaching the youtube web API, because I've looked, and found nothing. The only thing I've found so far is the official API page, and that's like trying to learn PHP from the manual.
For loading videos you would use loadVideoById rather than the rather odd snippet you have in your question and to play without audio you simply mute the player using player.mute() (where player is a reference retrieved from the youtube player element itself like described here). And one last thing, don't forget to add enablejsapi=1 to the url of the player as described here.
I would use
event.target.mute();
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.