Modify

Ticket #219 (closed enhancement: fixed)

Opened 6 years ago

Last modified 2 years ago

Add Link Back to video/view page on html5 player and flowplayer

Reported by: anna Owned by:
Priority: blocker Milestone: 4.4 .RC
Component: EmbeddedPlayback Severity:
Keywords: Cc:
Who will test this: And

Description (last modified by anna) (diff)

JUST A FEW ISSUES TO RESOLVE REMAINING AFTER IMPLEMENTING THIS.

Currently there is no link back to the video/view page in the object/embed tags.

It would be cool to have a little EM / Plumi logo that you could click on, or a text link to take you back to the EM site to the video/view Page.

The easiest would presumably to add a couple of line of HTML under the tag that is generated like this:

<br>
<a href="[LINK TO VIDEO VIEW PAGE]">View/download this video on [SITE NAME]</a>

We're missing out on promotion and bringing people into the Plumi site's community without some kind of link back.

Or check out how Youtube is doing it:  http://www.youtube.com/ (watermark which has link back to video - when video is embedded externally)

There was an attempt in this ticket to do it with a <div> in the <iframe>, but didn't work for design reasons:  https://plumi.org/ticket/643 - worth checking this ticket

Attachments

plumi_water.png Download (339.5 KB) - added by markos 3 years ago.
plumi watermark logo
youtube-link-back.jpg Download (51.3 KB) - added by anna 3 years ago.
em-16px-logo.png Download (5.4 KB) - added by anna 2 years ago.
em-embed-blog-fully-loaded.jpg Download (75.2 KB) - added by anna 2 years ago.
em-embed-blog-blackbars.jpg Download (66.5 KB) - added by anna 2 years ago.
em-embed-blog.jpg Download (47.8 KB) - added by anna 2 years ago.
em-embed-share-unisubs.jpg Download (50.7 KB) - added by anna 2 years ago.
em-embed-blog-4-apr.jpg Download (62.7 KB) - added by anna 2 years ago.
em-embed-blog-4-apr-PLAY.jpg Download (17.3 KB) - added by anna 2 years ago.
Fullscreen capture 27032012 111318 PM.bmp.jpg Download (161.3 KB) - added by anna 2 years ago.

Change History

comment:1 Changed 6 years ago by suno_ano

I agree, promoting is always a good idea. However, I think this should be optional because not all folks running a Plumi site might want it.

The question then is whether it should be enabled or disabled per default? I am not sure yet as to what might be better ...

Has somebody ever tried to create some sort of hook for the buildout that might ask for such things e.g. "Do you want your site to help promote Plumi [y/n]"

comment:2 Changed 5 years ago by and

  • Milestone changed from 0.4 - to 0.5 -

comment:3 Changed 4 years ago by anna

  • Who will test this set to And
  • Summary changed from Indytube Enhancement - Add Link Back to video/view Page to HTML5 Video Tag / Flowplayer Enhancement - Add Link Back to video/view Page
  • Description modified (diff)
  • Milestone changed from 4.3 to 4.1 Beta

comment:4 Changed 4 years ago by and

  • Owner andycat deleted

comment:5 Changed 4 years ago by and

  • Description modified (diff)
  • Summary changed from HTML5 Video Tag / Flowplayer Enhancement - Add Link Back to video/view Page to Add Link Back to video/view page on html5 player and flowplayer

comment:6 Changed 4 years ago by mike

we should provide some kind of overlay inside flowplayer with the link back to the plumi site, since we now have a special embed_view. At least for the flowplayer embed. We should check out what's the best thing to do with the html5 embed.

comment:7 Changed 4 years ago by anna

  • Milestone changed from 4.1 Beta 1 to 4.1 Beta 2

comment:8 Changed 4 years ago by anna

  • Milestone changed from 4.2 Beta (Features - Content Sharing Focus) to 4.3 Beta (Re-Design of EM.org & Plumi)

comment:9 Changed 3 years ago by anna

  • Description modified (diff)

comment:10 Changed 3 years ago by anna

  • Milestone changed from 4.4 EM Re-Design to 4.3.2

comment:11 Changed 3 years ago by cpsaltis

  • Milestone changed from 4.3.2 to 4.3.1

Changed 3 years ago by markos

plumi watermark logo

comment:12 Changed 3 years ago by markos

How do you find the attached image's logo (on the right side)?

comment:13 Changed 3 years ago by anna

hey thanks for this.

if we are going to use an image / watermark, then it should be an engagemedia logo.

hmmm.. i think that there is less use for a plumi logo than for a site-specific logo anyway. most sites will want to use their own branding i would imagine.

but considering this as a site-specific logo (sites can substitute plumi logo for their own)....

  • does this watermark only appear when you hover over the video? we wouldn't want it to be there constantly.
  • should it also say e.g. "Watch on <site name>"?

the youtube way of doing this you can see in image i will attach now..

Changed 3 years ago by anna

comment:14 Changed 3 years ago by markos

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

Ready for testing on www.engagemedia.org

comment:15 Changed 3 years ago by anna

This looks great. I wonder if it would be better still if it was "EngageMedia.org" and then the logo. Could we try this?

I realise it would take up space on the player, but our logo is way less familiar than YouTubes?, and YouTube?'s also has their name in their logo. I think we need a bit more prompting to the user that this is the website it comes from, than just the logo.

comment:16 Changed 3 years ago by anna

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

comment:17 Changed 3 years ago by anna

here's a test if people want to check it out:  http://manifesto.sagaponic.net/?p=43

comment:18 Changed 3 years ago by markos

The solution with the favico.ico works out of the box for plumi installations, since it takes the favico.ico of the site.

If we put something different there, we will have to make a note on the documentation (and floss manual) for other users to change this on their installations.

I tried adding text (Engage Media) and the result is not ideal. If you want another logo to be added there (instead of the favico.ico), then send us the logo, in dimensions that can fit there (height 16 pixel).

comment:19 Changed 2 years ago by anna

here's a new image to try.

it may be a little wide, but it could be ok.

could change this to say "EngageMedia" not "EngageMedia.org", but better how it is if we can get away with the width i think.

Changed 2 years ago by anna

comment:20 Changed 2 years ago by mike

Can you check it out on em.org?

comment:21 Changed 2 years ago by anna

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

looks great. perhaps we can get a different image from our designer, but this is great for now.

comment:22 Changed 2 years ago by anna

  • Status changed from closed to reopened
  • Resolution fixed deleted

the logo apparently covers some of the controls on the video player. unfortunately i'm using my old powerbook at the moment while my laptop is being repaired, so i can't test this (no video playback on ppc mac).

 http://taringpadi.com/

comment:23 Changed 2 years ago by anna

Noting there was a duplicate on Redmine here  https://redmine.engagemedia.org/issues/1610

comment:24 Changed 2 years ago by anna

Ok, my laptop is back from repairs and working again (for now) so I have tested this.

The logo no longer covers the controls on the player.

But when the video has fully loaded, the Unisubs menu partially covers the play button and scrub bar. See attached photo.

Changed 2 years ago by anna

comment:25 Changed 2 years ago by anna

There are a few other issues with embedding after testing in a few different contexts. I'll list the embed/blog issues here on Trac, and the FB embed issues on Redmine here:  https://redmine.engagemedia.org/issues/2792

After the video has loaded and I click play, I get a black bar above the video. See attachment.

BTW I didn't realise the UniSubs? came along with the video when it was embedded via the EM embed iFrame. This could be because it takes a very long time to load (another issue to note).

Changed 2 years ago by anna

comment:26 Changed 2 years ago by anna

Another issue is that the image takes a very long time to load.

Is there a way of loading resources into the player at different times, and waiting for the image to load before the video does? It's a bit ugly right now. I don't think the image finished loading until after the video did, so you get part of an image loading over time.

See attached.

Changed 2 years ago by anna

comment:27 Changed 2 years ago by anna

Another issue is that when I click the Share button on the UniSubs? menu, the Unisubs page loads within the frame the video has appeared in.

Fortunately you can still access the Share buttons, but its pretty weird.

See attached.

Changed 2 years ago by anna

comment:28 Changed 2 years ago by anna

i have separately ticketed the issue regarding image loading.

so

  1. anything that can be done regarding the UniSubs? page loading within the frame the video appears in?
  1. and the black bar above the video? i'm assuming this was your workaround for the logo appearing on top of the video? is it possible to do this differently?

comment:29 Changed 2 years ago by anna

  • Priority changed from major to blocker

i just tested this again, with different results. does this mean you've been working on it in the last day?

attached is an image of how the player i embedded a week ago now looks (the image and "play" overlay are distorted).

when i press play the video does not appear. the audio can be heard, but the player is blank (white) - so currently any videos using this iframe i assume are not working on people's blogs.

Changed 2 years ago by anna

Changed 2 years ago by anna

comment:30 Changed 2 years ago by anna

also attached - screen cap from andrew garton of his results (on 27th march) showing different issues - with logo still appearing over video.

you can see this here also on andrew garton's blog:  http://www.sarawakgone.cc/bird-man-of-long-banga/

Changed 2 years ago by anna

comment:32 Changed 2 years ago by anna

oh, except that here the logo still appears over the video  http://www.sarawakgone.cc/bird-man-of-long-banga/

and here there are still black bars top and bottom during the video  http://manifesto.sagaponic.net/?p=54

sorry, spoke too soon...

comment:33 Changed 2 years ago by mike

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

We've updated demo with the latest round of fixes. We're using the favicon for plumi since it is supported by mediaelement js. There seem to be some issues with bigger logos, as we're hacking over the mediaelementjs css and js for it to work. E.g. the em.org logo seems fine on chrome but not on FF. In any case we can continue with those fixes on em.org's redmine.

The share button now opens the link in a new page (feel free to test it on demo, and if it's ok we'll transfer the fix to em.org too).

comment:34 Changed 2 years ago by anna

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

ok, will post issues re. em.org on redmine.

the plumi favicon looks good on player, except that it probably needs a pixel or so of space on the right-hand side to separate it from the edge of the player.

however the controls show as a layer on top of the video. plus there are small black bars top and bottom.

basically to make it work neatly i guess there should be a taller black bar at the bottom, on which the controls sit. and no black bar on the top. is it possible to align the video correctly to enable this?

comment:35 Changed 2 years ago by anna

  • Description modified (diff)
  • Milestone changed from 4.3.1 to 4.4 .Beta - Video Publishing

As per ticket on Redmine...

Remaining issues:

  • There are small black bars on top and bottom of player
  • The favicon needs a pixel of space to separate it from the edge of player
  • The controls show over the video image - Is there not a way to vertically align the video within the player, so that there is no black bar on top, yet there is a black bar on the bottom, which is exactly equal to the height of the buttons and icons bar?

Putting this in 4.4 to hopefully have a final tinker!

comment:36 Changed 2 years ago by anna

Just adding one more to the list...

Remaining issues:

  • UniSubs? menu sits partially over the video controls
  • There are small black bars on top and bottom of player
  • The favicon needs a pixel of space to separate it from the edge of player
  • The controls show over the video image - Is there not a way to vertically align the video within the player, so that there is no black bar on top, yet there is a black bar on the bottom, which is exactly equal to the height of the buttons and icons bar?

Putting this in 4.4 to hopefully have a final tinker!

comment:38 Changed 2 years ago by anna

OK we have discussed all these issues, this only remains still to address

  • The favicon needs a pixel of space to separate it from the edge of player - CHANGE PLUMI LOGO TO HAVE ONE PIXEL OF BLANK SPACE ON EITHER SIDE, MAKE IT A BIT SMALLER

comment:39 Changed 2 years ago by dimo

  • Milestone changed from 4.4 .Beta - Video Publishing to 4.4 .RC

comment:40 Changed 2 years ago by mike

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

comment:41 Changed 2 years ago by anna

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

great, done.

comment:42 Changed 2 years ago by anna

  • Status changed from reopened to closed
  • Resolution set to fixed
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.