{"id":5113,"date":"2019-11-14T02:30:23","date_gmt":"2019-11-13T18:30:23","guid":{"rendered":"https:\/\/unitycoder.com\/blog\/?p=5113"},"modified":"2019-11-14T02:30:56","modified_gmt":"2019-11-13T18:30:56","slug":"better-video-player-for-unity-premium-videos","status":"publish","type":"post","link":"https:\/\/unitycoder.com\/blog\/2019\/11\/14\/better-video-player-for-unity-premium-videos\/","title":{"rendered":"Better Video Player for Unity Premium Videos"},"content":{"rendered":"\n<p>Unity <a href=\"https:\/\/unity.com\/learn-premium\">Learn Premium<\/a> videos cannot be resized, opened in new tab or moved around..<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"153\" data-attachment-id=\"5115\" data-permalink=\"https:\/\/unitycoder.com\/blog\/2019\/11\/14\/better-video-player-for-unity-premium-videos\/image-1-5\/\" data-orig-file=\"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/image-1.png?fit=680%2C153&amp;ssl=1\" data-orig-size=\"680,153\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"image-1\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/image-1.png?fit=300%2C68&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/image-1.png?fit=680%2C153&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/image-1.png?resize=680%2C153&#038;ssl=1\" alt=\"\" class=\"wp-image-5115\" srcset=\"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/image-1.png?w=680&amp;ssl=1 680w, https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/image-1.png?resize=300%2C68&amp;ssl=1 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption>Default Video Player on a wide screen monitor (cannot be resized)<\/figcaption><\/figure>\n\n\n\n<p>With some javascript, you can pop the video out into resizable and draggable div!<br><br><strong>Source:<\/strong><br><a href=\"https:\/\/gist.github.com\/unitycoder\/21fd5cce51932ccf524bdda5a2fe8401\">https:\/\/gist.github.com\/unitycoder\/21fd5cce51932ccf524bdda5a2fe8401<\/a><br><br><strong>Instructions:<\/strong><br>&#8211; Copy paste that whole script into Browser console (F12)<br><br><strong>Results:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"418\" data-attachment-id=\"5116\" data-permalink=\"https:\/\/unitycoder.com\/blog\/2019\/11\/14\/better-video-player-for-unity-premium-videos\/unity-learn-custom-player\/\" data-orig-file=\"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/unity-learn-custom-player-.gif?fit=620%2C418&amp;ssl=1\" data-orig-size=\"620,418\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"unity-learn-custom-player-\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/unity-learn-custom-player-.gif?fit=300%2C202&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/unity-learn-custom-player-.gif?fit=620%2C418&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/unity-learn-custom-player-.gif?resize=620%2C418&#038;ssl=1\" alt=\"\" class=\"wp-image-5116\"\/><figcaption>Custom Viewer with Resizable and draggable div (and close button to restore original video)<\/figcaption><\/figure>\n\n\n\n<p><strong>References:<\/strong><br><a href=\"https:\/\/forum.unity.com\/threads\/how-to-get-bigger-not-full-screen-unity-learn-videos.776813\/\">https:\/\/forum.unity.com\/threads\/how-to-get-bigger-not-full-screen-unity-learn-videos.776813\/<\/a><\/p>\n\n\n\n<p><strong>Notes:<\/strong><br>&#8211; Currently it support first video of the page only, as it takes the first element only, see code &#8221; document.getElementsByClassName(&#8220;video-js&#8221;)[0] &#8220;<br>&#8211; This could be made into GreaseMonkey browser plugin to make it easier to use<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unity Learn Premium videos cannot be resized, opened in new tab or moved around.. With some javascript, you can pop the video out into resizable and draggable div! Source:https:\/\/gist.github.com\/unitycoder\/21fd5cce51932ccf524bdda5a2fe8401 Instructions:&#8211; Copy paste that whole script into Browser console (F12) Results: References:https:\/\/forum.unity.com\/threads\/how-to-get-bigger-not-full-screen-unity-learn-videos.776813\/ Notes:&#8211; Currently it support [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5116,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[754,1056,1135],"tags":[461,18,28],"class_list":["post-5113","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-external-tools","category-javascript","tag-css","tag-javascript","tag-plugin"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2019\/11\/unity-learn-custom-player-.gif?fit=620%2C418&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p1KTaT-1kt","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts\/5113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/comments?post=5113"}],"version-history":[{"count":2,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts\/5113\/revisions"}],"predecessor-version":[{"id":5118,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts\/5113\/revisions\/5118"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/media\/5116"}],"wp:attachment":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/media?parent=5113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/categories?post=5113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/tags?post=5113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}