1320666 - Embed Rust video in modal overlay on /technology landing page

Status: RESOLVED FIXED

(www.mozilla.org :: Pages & Content, defect)

Description

[Alex Gibson [:agibson]]

We want to show one of the new videos [1] on Rust in an overlay modal when clicking the blue CTA button on the /technology landing page:

https://www.mozilla.org/technology/

This will also require changing the "Learn more" text to "Watch now"

[1] https://www.youtube.com/watch?list=PLo3w8EB99pqJ74XIGe72c9hBZWz9Y16cY&v=8EPsnf_ZYU0 (assuming this is the video for now)

Comment 1

[Alex Gibson [:agibson]]

Speaking to Flod, the service we've used to translate subtitles for YouTube video's in the past has been: http://amara.org/en/

Unclear if this is something we plan on doing here, or if the video will just be en-US.

Comment 2

[Alex Gibson [:agibson]]

The plan going forward is to play the video in English for now (to all locales), whilst we put the gears in place to start translating captions. We know this isn't ideal, but need to move forward with the request. Will use YouTube iframe API for the video, as this has the best (easiest) long term support for subtitles.

Comment 3

[Alex Gibson [:agibson]]

Attachment: GitHub pull request

Comment 4

[Alex Gibson [:agibson]]

This is now up on demo:

https://bedrock-demo-agibson.us-west.moz.works/en-US/technology/

Peter, I've added two GA events as follows:

Video play:

window.dataLayer.push({
    'event': 'video-play',
    'videoTitle': 'Rust and the Future of Systems Programming'
});


Video complete:

window.dataLayer.push({
    'event': 'video-complete',
    'videoTitle': 'Rust and the Future of Systems Programming'
});

Please let me know if you need something extra/different, thanks.

Comment 5

[pgerman]

Can you make the following tweaks?

window.dataLayer.push({
    'event': 'video-interaction', //change event name
    'videoTitle': '<title>',//no change required
    'interaction': '<action>',//values include 'video play', 'video pause', 'video complete'

});

Comment 6

[pgerman]

LMK when it is time to re-test.

Thanks!

Comment 7

[Alex Gibson [:agibson]]

(In reply to pgerman from comment #6)
> LMK when it is time to re-test.
> 
> Thanks!

Updated on demo, should be good to test. Thanks

Comment 8

[pgerman]

Its all good. Thanks!

Comment 9

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/7bcf2969623cd0b3bf06f9aa5ad2ae061e73634f
[fix bug 1320666] Embed Rust video in modal overlay on /technology landing page

https://github.com/mozilla/bedrock/commit/089b86fba93855320bca6d64ec0cfde79119530f
Merge pull request #4496 from alexgibson/bug-1320666-rust-video-technology-page

[fix bug 1320666] Embed Rust video in modal overlay on /technology landing page