javascript - Update button class with video.js markerReached function -

-

this 1 has got brain in twist.

i'm using great video.js markers plugin , want update menu buttons markerreached callback added plugin, when video hits new chapter corresponding button's class active, until next chapter begins , updates button below.

this each button indicates chapter playing active button next it.

the buttons navigate timestamp in video:

<div class="menu">  <button onclick="setcurtime(2)" type="button" value="2">chapter 1</button> <button onclick="setcurtime(57)" type="button" value="57">chapter 2</button>  </div>

and here's js chapter markers:

// initialize video.js var video = videojs('current_video');  //load marker plugin video.markers({   markers: [      {time: 2,   text: "chapter 1"},      {time: 57,  text: "chapter 2"},   ] });

so should hook markerreached event into?

just add onmarkerreached options,

// initialize video.js var video = videojs('current_video');  //load marker plugin video.markers({   onmarkerreached: function(marker) { /* stuff */ },   markers: [      {time: 2,   text: "chapter 1"},      {time: 57,  text: "chapter 2"},   ] });

see example here - http://www.sampingchuang.com/videojs-markers


Comments

Post a Comment

Popular posts from this blog

How has firefox/gecko HTML+CSS rendering changed in version 38? -

-
i have a little website header no longer renders correctly, since updating firefox 38.0.5 [the faceplant logo missing top right, , main logo no longer centred]. still renders expected in other browsers. how has engine's rendering changed in update? according mdn , list of changes is: css support ruby-position , ruby-align have been added , available default ( bug 1055676 , bug 1123917 , bug 1039006 ). the :unresolved pseudo-class has been implemented custom elements ( bug 1111633 ). the predefined style ethiopic-numeric uses space, instead of dot, suffix match recent change spec ( bug 1120721 ). css transitions on generated content (with ::before , ::after ) on both inline , block splits them start expected specification ( bug 1110277 ). the implementation of css logical properties made big progress. [...] how css transitions start has been modified match recent change of specifications, aiming @ having interoperable behavio...
Read more

c# - Where does the .ToList() go in LINQ query result -

-
when getting data populate data grid, have pulled data, made list , mapped model, this: public list<person> getpeople() { var data = _db.person.tolist(); list<person> people = new list<person>(); foreach (var item in data) { person person = new person() { personid = item.personid, firstname = item.firstname, lastname = item.lastname }; people.add(person); } return people; } this works fine, in interest of writing less code discovered .select method , (what think is) anonymous type. have: public list<person> getpeople() { return _db.person.select(d => new person { personid = item.personid, firstname = item.firstname, lastname = item.lastname }).tolist(); } though not easy read, works fine too. there preference either way? ...
Read more

android - CollapsingToolbarLayout: position the ExpandedText programmatically -

-
i using new android support design view collapsingtoolbarlayout. have need position expandedtitle programmatically. actually way set position expandedtitle in .xml file (example here: https://goo.gl/l5h5fc ) there no public api set text position programmatically , fields private . do know if it's possible without reflection or 'hacky' tricks? i have solved problem exposing properties via reflection ( https://gist.github.com/fpezzato/8e7d45112883dbbc5ffb ), works don't use trick in production code. @google: please no more private or final stuff! :)
Read more