Details
-
Type:
Task
-
Status: Closed (View Workflow)
-
Priority:
Major
-
Resolution: Done
-
Affects Version/s: None
-
Fix Version/s: None
-
Labels:None
-
Story Points:0.5
-
Epic Link:
-
Sprint:Spring 3 2021 Apr 19 - Apr 30, Spring 4 2021 May 3 - May 14, Spring 5 2021 May 17 - May 28, Spring 6 2021 May 31 - June 11
Description
App Store has a link labeled "Watch a demo" at the top of the page.
When users click the link, the Web browser takes them to a YouTube page where they can watch the video.
It would be nicer if instead of going to a new page, a video player opens on the current page and plays the video.
As an example of how this can work, see: https://www.techsmith.com/video-editor.html
For this task, modify the code so that when a user clicks the link, a video player appears in the same page, allowing the user to watch the video without leaving the page.
The video player should contain all the expected controls such as:
- rewind or advance the video
- show in full screen mode
- go to youtube
and etc.
Before commencing work, kindly research the different options for doing this using bootstrap classes, since the site is configured using bootstrap. Take notes on your research here. google search "popup video"
Attachments
Activity
See the code working on this page - it may help with figuring out how to enable full-screen mode: https://www.bioviz.org/overview.html
Thanks! Sorry about the frantic comments regarding the video not playing. Running in incognito mode fixed the problem for my Chrome browser.
Merged, tested, and deployed into production.
Diff: https://bitbucket.org/chirag06/appstore/commits/32e8af9f6455d5381eac27cadfc9329d5eed4ef1