=)
I've built a function that uploads,converts and then embeds a video into tinymce.
Tinymce keeps wrapping my video embeds with some < object > html, using their moxieplayer.swf.
I want to use custom videoplayers for these videos, but cant do that when tinymce behaves as it does.
This is the code im injecting to tinymce :
<video width="320" height="240" poster="5872deprivedwrath.jpg" preload="false" src="5872deprivedwrath.mp4">
<source type="video/mp4" src="5872deprivedwrath.mp4"><source type="video/ogv" src="5872deprivedwrath.ogv">
<object width="320" height="240" type="application/x-shockwave-flash" data="/js/flashmediaelement.swf">
<param name="movie" value="/js/flashmediaelement.swf">
<param name="flashvars" value="controls=true&file=5872deprivedwrath.mp4">
<img src="5872deprivedwrath.jpg" width="320" height="240" title="No video playback capabilities">
</object>
</video>
But when tinymce receives it, it turns into a big blob of html ( i can post that if needed ), wrapping it all in some moxieplayer flash embed.
<video width="320" height="240" poster="8910deprivedwrath.jpg" controls="controls" preload="preload">
<source src="8910deprivedwrath.mp4" type="video/mp4" /><source src="8910deprivedwrath.ogv" type="video/ogv" />
<object width="320" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="flashvars" value="url=8910deprivedwrath.mp4&poster=8910deprivedwrath.jpg" />
<param name="src" value="moxieplayer.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="true" />
<embed width="320" height="240" type="application/x-shockwave-flash" src="/tiny_mce/plugins/media/moxieplayer.swf" flashvars="url=8910deprivedwrath.mp4&poster=8910deprivedwrath.jpg" allowfullscreen="true" allowscriptaccess="true" />
</object>
</video>
So i'm trying to find out how to disable this function, or work around it.
Has anybody had any experience with this?
Any input is greatly appreciated, as im struggling with this one!
Set the following option in TinyMCE's config:
flash_video_player_url: false
Related
I embed Tableau in my website with following code.
<script type='text/javascript' src='http://pcbbi02/javascripts/api/viz_v1.js'></script>
<div class='tableauPlaceholder' style='width: 800px; height: 500px;'>
<object class='tableauViz' width='800' height='500' style='display:none;'>
<param name='host_url' value='http%3A%2F%2Fpcbbi02%2F' />
<param name='embed_code_version' value='3' />
<param name='site_root' value='' />
<param name='name' value='RDYieldReportRawData/YieldDashboard/sara/61d8c1db-a14c-4a5a-8a34-2c5ee017991e' />
<param name='tabs' value='yes' /><param name='toolbar' value='yes' />
<param name='showAppBanner' value='false' />
</object>
</div>
The result like:
The login page popup after I click the button
After I enter the login information correctly,the popup login page then goes away and my page does not move past the login button.
That show dashboard after I enter account/password in IE but Edge and Chrome.
I also need Edge and Chrome show dashboard after I enter account/password.
Can someone tell me how to do?
I used this code to add video into joomla mod_custom. But it is not working. How can I fix it.
<div>
<object type="application/x-shockwave-flash" data="test.flv">
<param name="movie" value="http://lifeisatripsrilanka.com/video/Cultural_vulture.flv" />
</object>
</div>
This works for me in the editor but when you submit the post data it encodes certain < and > signs as html entities.
<p>
<object height="350" width="425" data="http://www.youtube.com/v/BUQ4kRw-P3o&feature;" type="application/x-shockwave-flash">
<param name="src" value="http://www.youtube.com/v/BUQ4kRw-P3o&feature;" />
</object>
</p>
Everything I've tried in terms of the extra init parameters won't get rid of this. Any tips?
Thanks so much
I am trying to embed a facebook video on my website but it gives "Video Unavailable. this video has either has been removed from facebook or is not visible".
video is public to everyone, is not deleted and I can watch it on facebook via other browsers that I am not logged in.
I tried both below embed codes, neither is worked.
1
<object width="500" height="300">
<param name="movie" value="http://www.facebook.com/v/VIDEO_ID"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.facebook.com/v/VIDEO_ID" type="application/x-shockwave-flash" width="500" height="300" allowscriptaccess="always" allowfullscreen="true">
</embed>
</object>
2
<object width="500" height="300">
<param name="allowfullscreen" value="true" />
<param name="movie" value="http://www.facebook.com/v/VIDEO_ID" />
<embed src="http://www.facebook.com/v/VIDEO_ID" type="application/x-shockwave-flash" allowfullscreen="true" width="500 height="300">
</embed>
</object>
Any idea?
thanks!
This code works perfectly fine for me. The video plays whether I'm logged in to Facebook or not:
<html>
<head></head>
<body>
<object width="500" height="300">
<param name="allowfullscreen" value="true" />
<embed src="http://www.facebook.com/v/244871308895731" type="application/x-shockwave-flash" allowfullscreen="true" width="500 height="300">
</embed>
</object>
</body>
</html>
The problem could be down to location or an IP issue.
<iframe src="http://www.facebook.com/video/embed?video_id=1671900191543" width="420" height="300" frameborder="0"></iframe>
In phonegap if you embed a video you come up with a bad scrolling (if you scroll the page with a finger on the video thumbnail, the whole viewport scrolls, instead of the correct div). To avoid this I'm trying to use a thumbnail image with a play button in its center: when the play button is pushed a js code renders an hidden div with an object tag inside (that's the video). The coolest thing at this point would be to let the video load on top of the fake thumbnail and autoplay (so the control goes automatically to the native youtube app)!
Everything works in my code, except for the autoplay: I've tried both the autoplay and autostart params:
<object style="margin-left:0px;margin-top:10px;" id="video" width="296" height="222" data="http://www.youtube.com/v/R6Z7xceSLy4" type="application/x-shockwave-flash">
<param name="allowfullscreen" value="true" />
<param name="autoplay" value="true">
<param name="autoStart" value="0">
<param name="wmode" value="transparent" />
<param name="src" value="http://www.youtube.com/v/R6Z7xceSLy4" />
</object>
and the &autoplay=1 or ?autoplay=1 trailing in the video address (I read somewhere that the '&' for some reason should be replaced by '?')
<object style="margin-left:0px;margin-top:10px;" id="video" width="296" height="222" data="http://www.youtube.com/v/R6Z7xceSLy4?autoplay=1" type="application/x-shockwave-flash">
<param name="allowfullscreen" value="true" />
<param name="autoplay" value="true">
<param name="autoStart" value="0">
<param name="wmode" value="transparent" />
<param name="src" value="http://www.youtube.com/v/R6Z7xceSLy4?autoplay=1" />
</object>
Do you have any suggestion? Another thing I thought to resolve my problem was to launch automatically the video in the youtube native app on play button push. I've tryed using
window.location = 'http://www.youtube.com/v/R6Z7xceSLy4';
everything seems correct, except that when done it doesn't give the control back to my app but it remains stucked in youtube app.
Can anybody help please?