We have problem where the editors add video to a xhtml property with the media-plugin inside tinyMce. It shows on the site but when you open the page in onpageeditmode or allforms-mode it just shows blank.
The reason is that we are edition in https and the url's from youtube and flvplayer is http not https and it gives this message/error in the console:
[blocked] The page at 'https://siteurl/EPiServer/CMS/Content/URL' was loaded over HTTPS, but ran insecure content from 'http://flvplayer.viastream.viasat.tv/flvplayer/play/swf/player.swf?affiliate=2se&country=se&id=...&playerVersion=embed': this content should also be loaded over HTTPS.
Anyone knowing any trick to get it to show (flvplayer does not support https)
Reported this to the support now so I will get back here and report what the answer is
I forgot to report the response from the support, here it is:
I'm not aware of any viable workarounds. Did you generate https embed codes from YouTube? More information here: http://productforums.google.com/forum/#!topic/youtube/lhiQgo2bDH0. Here are some threads that may offer additional hints as well - http://stackoverflow.com/questions/1063082/streaming-video-in-https and http://stackoverflow.com/questions/14439650/youtube-iframe-api-generates-mixed-content-warning-with-https-html5?rq=1.
Otherwise, another option would be to serve video locally when/if possible.
EPiServer Developer Support
So, there is no good way to do this, if not anyone have any more good ide on how to get it to work
A question to EPiServer:When embedding a clip from youtube, the code for it is:
<iframe width="560" height="315" src="//www.youtube.com/embed/mLqHDhF-O28" frameborder="0" allowfullscreen></iframe>
But when I use the input media function in the TinyMCE and choose iframe and enter the url "//www.youtube" it converts it the the protocol I use then, meaning it saws http:// or https:// to the database instead of // that would have solved it since it works both in https and http. A request is to update so it would be able to save // as a url
I find the media plugin to be buggy.
Where the video isn't being displayed in the editor, may I suggest you amend the editor.css and add a bit of style for the object and iframe tags, at least then it wont be blank.
As for embedding media, these would be my options:
Add the html plugin to the tinyMCE toolbar, that way you can paste youtube's iframe code directly into your content.
Create your own media plugin for tinyMCE.
Create custom blocks for embedding media.
I have a similar issue but nothing to do with https. I have added the HTML plugin to the tinyMCE toolbar. Pasting the iframe code from youtube works in that the film is rendered in viewmoed. However going back to editmode the film is not rendered. It is just a white box that if you are lucky enough to click on (because you know its there) then you get a highlighted white box...
Is this by design? My customer thinks the youtube clip should render even in editmode.
I may try the custom block for embedding a youtube film idea. It should render as it is a preview in editmode which is basically like viewmode... at least it removes the tinyMCE from the equation.
This seems to be a built in feature in TinyMCE, the difference is that in the default TinyMCE you will see a film icon and in EPiServer it just shows a white background.
I have not figured out any way to get the icon to show.
Hi, I am experiencing the same issue of a white box in edit mode. It also does not appear to be the SSL issue. Does anyone have an updates on this issue or it being resolved? Any help, feedback or insight would be greatly appreciated!