{"action":"created","issue":{"url":"https://api.github.com/repos/LonnyGomes/vjs-video/issues/12","labels_url":"https://api.github.com/repos/LonnyGomes/vjs-video/issues/12/labels{/name}","comments_url":"https://api.github.com/repos/LonnyGomes/vjs-video/issues/12/comments","events_url":"https://api.github.com/repos/LonnyGomes/vjs-video/issues/12/events","html_url":"https://github.com/LonnyGomes/vjs-video/issues/12","id":116631161,"number":12,"title":"Error thrown when using the VideoJS YouTube plugin","user":{"login":"ryanvanderpol","id":1936460,"avatar_url":"https://avatars.githubusercontent.com/u/1936460?v=3","gravatar_id":"","url":"https://api.github.com/users/ryanvanderpol","html_url":"https://github.com/ryanvanderpol","followers_url":"https://api.github.com/users/ryanvanderpol/followers","following_url":"https://api.github.com/users/ryanvanderpol/following{/other_user}","gists_url":"https://api.github.com/users/ryanvanderpol/gists{/gist_id}","starred_url":"https://api.github.com/users/ryanvanderpol/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ryanvanderpol/subscriptions","organizations_url":"https://api.github.com/users/ryanvanderpol/orgs","repos_url":"https://api.github.com/users/ryanvanderpol/repos","events_url":"https://api.github.com/users/ryanvanderpol/events{/privacy}","received_events_url":"https://api.github.com/users/ryanvanderpol/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-11-12T20:15:39Z","updated_at":"2015-11-13T04:24:06Z","closed_at":null,"body":"Just ran into a problem where I've added the [VideoJS YouTube plugin](https://github.com/eXon/videojs-youtube) and as soon as I specify `youtube` in the `techOrder` array I get the following error message\r\n\r\n```\r\nError: directive must be attached to a video tag!\r\n    at getVidElement (http://127.0.0.1:3001/assets/vendor/videojs/angular-vjs-video.js?body=1:44:27)\r\n    at init (http://127.0.0.1:3001/assets/vendor/videojs/angular-vjs-video.js?body=1:278:36)\r\n    at postLink (http://127.0.0.1:3001/assets/vendor/videojs/angular-vjs-video.js?body=1:320:17)\r\n    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:70:93\r\n    at Z (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:70:149)\r\n    at A (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:59:203)\r\n    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299)\r\n    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)\r\n    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:50:415\r\n    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:52:283 <div id=\"vjs_video_3\" vjs-media=\"selectedMediaVideo\" vjs-video=\"\" data-setup=\"{ &quot;techOrder&quot;: [&quot;html5&quot;, &quot;flash&quot;, &quot;youtube&quot;] }\" poster=\"\" preload=\"auto\" class=\"video-js vjs-default-skin vjs-paused vjs_video_3-dimensions vjs-controls-enabled vjs-user-inactive ng-isolate-scope\">\r\n```\r\n\r\nIt looks like the inclusion of the YouTube plugin converts the video element into an div element.  I'll continue looking into it and report back if I find anything interesting."},"comment":{"url":"https://api.github.com/repos/LonnyGomes/vjs-video/issues/comments/156318470","html_url":"https://github.com/LonnyGomes/vjs-video/issues/12#issuecomment-156318470","issue_url":"https://api.github.com/repos/LonnyGomes/vjs-video/issues/12","id":156318470,"user":{"login":"LonnyGomes","id":3581761,"avatar_url":"https://avatars.githubusercontent.com/u/3581761?v=3","gravatar_id":"","url":"https://api.github.com/users/LonnyGomes","html_url":"https://github.com/LonnyGomes","followers_url":"https://api.github.com/users/LonnyGomes/followers","following_url":"https://api.github.com/users/LonnyGomes/following{/other_user}","gists_url":"https://api.github.com/users/LonnyGomes/gists{/gist_id}","starred_url":"https://api.github.com/users/LonnyGomes/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LonnyGomes/subscriptions","organizations_url":"https://api.github.com/users/LonnyGomes/orgs","repos_url":"https://api.github.com/users/LonnyGomes/repos","events_url":"https://api.github.com/users/LonnyGomes/events{/privacy}","received_events_url":"https://api.github.com/users/LonnyGomes/received_events","type":"User","site_admin":false},"created_at":"2015-11-13T04:24:06Z","updated_at":"2015-11-13T04:24:06Z","body":"@ryanvanderpol Could you show me a snippet of what you are doing? I just did a simple test by adding the following to the `main.html` page of the `vis-video` project and everything appeared to work without issue:\r\n\r\n```\r\n<video\r\n    id=\"vid1\"\r\n    class=\"video-js vjs-default-skin\"\r\n    controls\r\n    autoplay\r\n    width=\"640\" height=\"264\"\r\n    data-setup='{ \"techOrder\": [\"youtube\"], \"sources\": [{ \"type\": \"video/youtube\", \"src\": \"https://www.youtube.com/watch?v=xjS6SftYQaQ\"}] }'\r\n    vjs-video\r\n  >\r\n  </video>\r\n```"}}