The Related Plugin cuts off titles that do not fit into a single line.
Screenshot: http://steffenweber.net/files/JWPlayer-Related-Plugin-Titles-Cut-Off.png
How can I make them wrap?
Related Plugin: Titles are cut off
8 replies [Last post]
Posted: Tue, 2012-01-10 12:53
Steffen
Reply
Perhaps you can change the titles of the entries in the Related RSS feeds such that they fit? Or do something creative like "Part 1 - Starwars" instead of "Starwars - Part 1".
That might be possible, but this would create additional work for our editors just for the Related plugin.
<bockquote>I have ticketed to build a small extension to the Relate plugin to allow multiple lines of text for titles. The larger the thumbs, the more lines will fit. In your case 2 lines will likely work:
http://developer.longtailvideo.com/trac/ticket/1558
So what you are suggesting is that the Related plugin computes the number of lines based on the thumbnail size. That would be fine for me. A new configuration option to directly set the number of lines would be fine as well.
One more thing: Currently the titles cover the thumbnails. Could you please change this such that the titles are display _below_ the thumbnails?
Posted: Wed, 2012-01-11 07:33
JeroenW
Reply
I'll take a look at both your suggestions.
We'd like to keep the number of config options for the plugin as low as possible, so it simply looks nice out of the box.
Posted: Mon, 2012-01-23 09:01
Steffen
Reply
Attached is a fix for http://developer.longtailvideo.com/trac/ticket/1558
The textfield now has a dynamic height. It uses as much vertical space as needed for the titles. No matter how much vertical space (i.e. lines) are needed, the textfield is always aligned with the bottom of the thumbnail. So there is no need for additional configuration options.
Index: src/as/RelatedThumb.as
===================================================================
--- src/as/RelatedThumb.as (revision 2059)
+++ src/as/RelatedThumb.as (working copy)
@@ -68,20 +68,23 @@
_glow.width = width-2;
_glow.scaleY = _glow.scaleX;
addChild(_glow);
- _overlay = new Sprite();
- _overlay.graphics.beginFill(0,0.8);
- _overlay.graphics.drawRect(1,height-27,width-2,26);
- addChild(_overlay);
_field = new TextField();
- _field.height = 20;
- _field.width = width-10;
- _field.x = 5;
- _field.y = height-22;
+ _field.wordWrap = true;
+ _field.autoSize = "center";
+ _field.width = width - 2;
+ _field.x = 1;
_format = new TextFormat('Arial', 12, 0xFFFFFF);
_format.align = 'center';
+ _format.leftMargin = 5;
+ _format.rightMargin = 5;
_field.defaultTextFormat = _format;
_field.selectable = false;
_field.text = item.title;
+ _field.y = height - _field.textHeight - 7;
+ _overlay = new Sprite();
+ _overlay.graphics.beginFill(0,0.8);
+ _overlay.graphics.drawRect(1,_field.y-2,width-2,_field.textHeight+8);
+ addChild(_overlay);
addChild(_field);
buttonMode = true;
mouseChildren = false;
Posted: Tue, 2012-01-31 05:30
JeroenW
Reply
I fixed this in the code, for both Flash and HTML5. The titles can grow to cover the entire thumb, but not expand beyond it.
We'll push this out with our next round of plugin updates, within a few weeks.
Posted: Thu, 2012-04-05 10:31
TimM
Reply
Has this been released yet?
How can I now implement wrapping titles in my playlists? Are there simple step-by-step instructions somewhere? Or should titles wrap by default?
I have v5.9 and longer titles are not wrapping -- they are being cut off at the end of a word.
Posted: Thu, 2012-04-05 22:21
RealityWebVideo
Reply
Hello,
I would love to get this feature included as well!!
Our videos tend to have rather long name and we don't want to change title at this point (they are more than 1000 clips).
Also I would be nice if it works like Youtube, which you mouse over the thumb and it will display the entire title in multiple lines with the thumbnail.
Currently, the related titles are hardcoded to one line. Perhaps you can change the titles of the entries in the Related RSS feeds such that they fit? Or do something creative like "Part 1 - Starwars" instead of "Starwars - Part 1".
I have ticketed to build a small extension to the Relate plugin to allow multiple lines of text for titles. The larger the thumbs, the more lines will fit. In your case 2 lines will likely work:
http://developer.longtailvideo.com/trac/ticket/1558