{"action":"opened","issue":{"url":"https://api.github.com/repos/brightcove/videojs-playlist-ui/issues/67","repository_url":"https://api.github.com/repos/brightcove/videojs-playlist-ui","labels_url":"https://api.github.com/repos/brightcove/videojs-playlist-ui/issues/67/labels{/name}","comments_url":"https://api.github.com/repos/brightcove/videojs-playlist-ui/issues/67/comments","events_url":"https://api.github.com/repos/brightcove/videojs-playlist-ui/issues/67/events","html_url":"https://github.com/brightcove/videojs-playlist-ui/issues/67","id":348024441,"node_id":"MDU6SXNzdWUzNDgwMjQ0NDE=","number":67,"title":"Feature Request - Add custom `data` attributes to `<li>`s","user":{"login":"tapvt","id":352722,"node_id":"MDQ6VXNlcjM1MjcyMg==","avatar_url":"https://avatars3.githubusercontent.com/u/352722?v=4","gravatar_id":"","url":"https://api.github.com/users/tapvt","html_url":"https://github.com/tapvt","followers_url":"https://api.github.com/users/tapvt/followers","following_url":"https://api.github.com/users/tapvt/following{/other_user}","gists_url":"https://api.github.com/users/tapvt/gists{/gist_id}","starred_url":"https://api.github.com/users/tapvt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tapvt/subscriptions","organizations_url":"https://api.github.com/users/tapvt/orgs","repos_url":"https://api.github.com/users/tapvt/repos","events_url":"https://api.github.com/users/tapvt/events{/privacy}","received_events_url":"https://api.github.com/users/tapvt/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-08-06T17:58:47Z","updated_at":"2018-08-06T17:58:47Z","closed_at":null,"author_association":"NONE","body":"## Description\r\nIt would be nice to be able to add additional data attributes to the `<li>`s within the main `<ol>`.\r\n\r\nThis would allow for more flexible interactions via JS.\r\n\r\nFor instance, a call like this:\r\n\r\n```\r\nplayer.playlist([{\r\n  ...\r\n  sources: [{\r\n    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',\r\n    type: 'video/mp4'\r\n  }],\r\n  poster: 'http://media.w3.org/2010/05/sintel/poster.png'\r\n  data: [\r\n     id: 1234,\r\n     foo: 'bar'\r\n},\r\n ...\r\n])\r\n```\r\n\r\nCould generate:\r\n\r\n```\r\n<li class=\"vjs-playlist-item vjs-up-next\" tabindex=\"0\" data-id=\"1234\" data-foo=\"bar\">\r\n    // ...Unchanged inside of <li>...\r\n</li>\r\n```\r\n\r\nAnyone else interested in the same?"}}
{"actor":{"display_login":"tapvt"}}