Modify

Ticket #439 (closed task: fixed)

Opened 7 years ago

Last modified 7 years ago

Adding Plumi embed code to wordpress blog or drupal adds cruft and doesn't work

Reported by: and Owned by:
Priority: blocker Milestone: 3.1.1
Component: AuthorProfile Severity:
Keywords: Cc:
Who will test this: And

Description

When adding the embed code to a WP blog and switching to the visual editor WP changes this

<object width="400" height="300" id="_player-videoview" name="_player-videoview" data=" http://demo.plumi.org/%2B%2Bresource%2B%2Bplumi.skin.flowplayer/flowplayer-3.2.2.swf" type="application/x-shockwave-flash"><param name="movie" value=" http://demo.plumi.org/%2B%2Bresource%2B%2Bplumi.skin.flowplayer/flowplayer-3.2.2.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="flashvars" value='config={"playlist":[{"url":" http://demo.plumi.org/Members/datakid/videos/house_of_cosbys_5.mp4/thumbnailImage","type":"image"},{"url":"http://videos.demo.plumi.org/transcoded/http/demo.plumi.org/Members/datakid/videos/house_of_cosbys_5.mp4/mp4/atengagevideo_91-json-0-house_of_cosbys_5.mp4","autoPlay":false,"autoBuffering":false,"bufferLength":5}],"clip":{"url":"http://videos.demo.plumi.org/transcoded/http/demo.plumi.org/Members/datakid/videos/house_of_cosbys_5.mp4/mp4/atengagevideo_91-json-0-house_of_cosbys_5.mp4"}}' /></object>

into this

<object id="_player-videoview" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="name" value="_player-videoview" /><param name="data" value=" http://demo.plumi.org/%2B%2Bresource%2B%2Bplumi.skin.flowplayer/flowplayer-3.2.2.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="flashvars" value="config=&quot;playlist&quot;:[&quot;url&quot;:&quot; http://demo.plumi.org/Members/datakid/videos/house_of_cosbys_5.mp4/thumbnailImage&quot;,&quot;type&quot;:&quot;image&quot;,&quot;url&quot;:&quot;http://videos.demo.plumi.org/transcoded/http/demo.plumi.org/Members/datakid/videos/house_of_cosbys_5.mp4/mp4/atengagevideo_91-json-0-house_of_cosbys_5.mp4&quot;,&quot;autoPlay&quot;:false,&quot;autoBuffering&quot;:false,&quot;bufferLength&quot;:5],&quot;clip&quot;:&quot;url&quot;:&quot;http://videos.demo.plumi.org/transcoded/http/demo.plumi.org/Members/datakid/videos/house_of_cosbys_5.mp4/mp4/atengagevideo_91-json-0-house_of_cosbys_5.mp4&quot;" /><param name="src" value=" http://demo.plumi.org/%2B%2Bresource%2B%2Bplumi.skin.flowplayer/flowplayer-3.2.2.swf" /><embed id="_player-videoview" type="application/x-shockwave-flash" width="400" height="300" src=" http://demo.plumi.org/%2B%2Bresource%2B%2Bplumi.skin.flowplayer/flowplayer-3.2.2.swf" flashvars="config=&quot;playlist&quot;:[&quot;url&quot;:&quot; http://demo.plumi.org/Members/datakid/videos/house_of_cosbys_5.mp4/thumbnailImage&quot;,&quot;type&quot;:&quot;image&quot;,&quot;url&quot;:&quot;http://videos.demo.plumi.org/transcoded/http/demo.plumi.org/Members/datakid/videos/house_of_cosbys_5.mp4/mp4/atengagevideo_91-json-0-house_of_cosbys_5.mp4&quot;,&quot;autoPlay&quot;:false,&quot;autoBuffering&quot;:false,&quot;bufferLength&quot;:5],&quot;clip&quot;:&quot;url&quot;:&quot;http://videos.demo.plumi.org/transcoded/http/demo.plumi.org/Members/datakid/videos/house_of_cosbys_5.mp4/mp4/atengagevideo_91-json-0-house_of_cosbys_5.mp4&quot;" allowscriptaccess="always" allowfullscreen="true" data=" http://demo.plumi.org/%2B%2Bresource%2B%2Bplumi.skin.flowplayer/flowplayer-3.2.2.swf" name="_player-videoview"></embed></object>

This doesn't seem to occur with videos from Vimeo as am wondering if this is an issue on the Plumi/Flowplayer? side of things.

Attachments

Change History

comment:1 Changed 7 years ago by and

  • Priority changed from major to critical

comment:2 Changed 7 years ago by and

  • Priority changed from critical to blocker

comment:3 Changed 7 years ago by grant

  • Milestone changed from 3.2 to 3.1.1

comment:4 Changed 7 years ago by grant

AG reports that this is also happening on a Drupal site. He tried to embed an EM video on  http://apc.org and found that the player appears but not the video nor thumbnail.

comment:5 Changed 7 years ago by and

  • Summary changed from Adding Plumi embed code to wordpress blog adds cruft and doesn't work to Adding Plumi embed code to wordpress blog or drupal adds cruft and doesn't work

comment:6 Changed 7 years ago by mike

I checked this on a couple of drupal sites (with a wysiwyg editor and without) without issues:

 http://6of2.unweb.me/conference/?q=node/3

On wordpress.com blogs there's nothing we can do, as they support a few video providers and that's it. video and embed tags are not allowed and are stripped out on posts.:  http://en.support.wordpress.com/videos/

On other blogs that use the wordpress software, it appears that the editor strips off some parts of the code. The solution that is being given on the flowplayer and wordpress forums is to turn the visual editor off:  http://static.flowplayer.org/forum/3/34373

or use the wordpress flowplayer plugin:  http://wordpress.org/extend/plugins/word-press-flow-player/ (and copy the mp4 link that we expose in our embed code)

comment:7 Changed 7 years ago by and

Hey Mike, this wordpress issue is just for self-hosted wordpress sites, which did previously allow embedding fine. I am are aware of the of wp.com issue you mention.

Is there another way around it that doesn't ask anything of the users? (ie turning the visual editor off or adding a plugin). Before 3.1 it worked with no problems and I think we need that ease of use again, most users unfortunately will try it once, if it doesn't work they will move to another site to host their video that has this feature. :(

comment:8 Changed 7 years ago by mike

  • Status changed from new to closed
  • Resolution set to ready for testing

I've found a workaround that should work with wordpress, drupal and everyhting. It's similar to what vimeo is doing. See testing.plumi.org for more details.

comment:9 Changed 7 years ago by grant

  • Status changed from closed to reopened
  • Resolution ready for testing deleted

Went to testing.plumi.org and added the embed code from  http://testing.plumi.org/Members/grant/videos/another-testing-video-from-grant/view into a WordPress? driven blog.

Added the video OK but it didn't play (sat there spinning) which I think is related to my computer/link (it's happened before when I've tried embedding and others have said it worked on their computers).

The big issue was that the iFrame had a vertical scroll bar on the side.

Tried changing the vertical height in the embed code but it just made the video taller and still had the scroll bar.

Any idea why this might be so?

comment:10 Changed 7 years ago by mike

Grant,

in this video:  http://6of2.unweb.me/conference/?q=node/3

do you see the correct dimensions? Do you see any scroll bar?

In what browser are you testing?

comment:11 Changed 7 years ago by grant

Works fine in FireFox? but the vertical scroll bar was there in Chrome (both running on Ubuntu).

comment:12 Changed 7 years ago by mike

  • Status changed from reopened to closed
  • Resolution set to ready for testing

comment:13 Changed 7 years ago by grant

  • Status changed from closed to reopened
  • Resolution ready for testing deleted

Tested again and all working fine in FF & Chrome on Mike's test blog post, my two blogs and the EM CRM system (Drupal).

Re-opening this to mark as fixed & close.

comment:14 Changed 7 years ago by grant

  • Status changed from reopened to closed
  • Resolution set to fixed

Tested OK - can be marked "fixed" & closed

View

Add a comment

Modify Ticket

Action
as closed
The resolution will be deleted. Next status will be 'reopened'
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.