Comments (6)
Need clarification on point 2 -- "Replace videos with thumbnails."
Currently we are displaying embedded video and also thumbnail. Video can be viewed in full screen mode and also have sound controls in embedded video display. Thumbnail is just a picture. If we replace video by thumbnail, how users will view the video?
from icc-alpha.
The point 3 - Add the link below to "See all video and audio from this case" is now implemented on the Case page.
from icc-alpha.
It needs to be an image thumbnail with a link to the video (image is a link and title is a link) which will play on a separate page. So you can't play the video on the case page - only after clicking on the link and going to the page with the video on it. This approach is pretty standard (see YouTube, Guardian, etc) because (I would venture) it leads to greater consistency of experience across context and device.
from icc-alpha.
Just adding that you can get the YouTube thumbnail using the following format:
http://img.youtube.com/vi/VIDEO_ID/#.jpg
So for the top example on the Lubanga page:
http://img.youtube.com/vi/ZRtqgGzFfds/1.jpg
Hope that helps.
from icc-alpha.
Hi Rob, Thanks for info. Now I have modified the code on Case page -- http://sharepoint13vm.cloudapp.net/sites/icc/drc/lubanga/ to dynamically generate the Youtube thumbnail as:
http://img.youtube.com/vi/VIDEO_ID/hqdefault.jpg
And image and Title are links to Actual Embed Video URL (also generated dynamically) which is now shown in new page. Pls review and close the issue if all is ok. Thanks.
from icc-alpha.
Great. I think this works for now - until we have more detail about the multimedia section. Closing this issue.
from icc-alpha.
Related Issues (20)
- Adjust the height of menu HOT 3
- Add case to court records result HOT 2
- Main site search - questions HOT 7
- Breadcrumb for individual court records HOT 2
- Update Lubanga timeline json HOT 1
- Remove "Other cases" section / "Related cases from case pages HOT 1
- Please change anything saying "accused" to "defendants" HOT 1
- Please change "Audio and video" title to "Multimedia" on case page HOT 1
- Add hover to stage figures HOT 1
- Update footer links (with HTML provided) HOT 1
- Tracking Issue: Case Page layout HOT 18
- Language switcher - small tweak HOT 1
- Set up subdomain for the ICC Alpha HOT 1
- Style note: capitalize the T in Pre-Trial stage and to add an s to Appeals stage HOT 1
- How do the links to court records work? HOT 2
- Tracking issue: Stages and situation layouts HOT 9
- Add Google Analytics code to ICC Alpha template HOT 1
- Clean up mark up of filings layout HOT 1
- ICC Alpha last-minute clean up
- ICC Alpha last-minute clean up HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from icc-alpha.