In my recent design of the Khan Academy Viz, I came across an issue: The embedded Youtube video player in Tableau is not showing full screen button (only after published to the server). A video player without full screen is unthinkable and I need to find a solution.
I was using a method proposed by Tableau's product marketing manager Ben Jones. The format proposed is as follows:
http://youtube.com/embed/yx1S_o741kI
After digging around, I found this note on Google. The solution is using "v" instead of "embed" in the embedded URL:
http://youtube.com/v/yx1S_o741kI
V will instruct the use of AC3 player while Embed will use HTML5 player.
If you publish embeded Youtube videos using AC3 player, the full screen button will show. Why embedded HTML5 player does not show full screen button is beyond my comprehension.
In passing, I found there is a bug in Tableau Desktop when dealing with AC3 player. To reproduce the bug, just download the Khan Academy viz, and click on any of the video titles and you will see something like the screenshot below. This only happens in desktop. The workaround is to close the web object and reenter the url. Do not click on any link though. When published to the server, the player works fine. I submitted a case report #01169202 to Tableau Software.
(Refresh the page if you want to view the gif image multiple times. Or go to Tableau Public and click the button at the top-right corner.)
The key idea is to float a semi transparent worksheet on top of the dashboard, where a help text box is strategically placed on top of each chart. This way, we can explain how to view each chart and what data points are important, etc. This worksheet is collapsible by a show/hide button.
Below I would like to show how this worksheet can be constructed.
1. Sheet with a single data mark.
- Double click the empty space in Marks panel and add two single quotes. Make the null pill a text label. This creates a single null mark.
- Set the view as "Entire View"
2. Create an show/hide button
- Go to the target dashboard
- Drag a floating vertical container to the dashboard, making it cover all the area of interest.
- Drag the Single Null Mark sheet and drop it into the above container. Hide the sheet title.
- Create an open/close button for the container and place the button at the top-right corner.
3. Add annotations
- Format the sheet background opacity as 70% in the layout manager
- Select area annotations and place them anywhere of interest.
- Write help text and format it to highlight important messages.
- The text can serve as functional guide and/or insight guide.
Here is an example. Feel free to download the workbook and explore. Click the "i" button at the top-right corner to view the in-place help.
0
Add a comment