Fredy-san
Community Member
(?)
Offline
- Posted: Sat, 13 Aug 2016 07:40:06 +0000
UPDATE: Good news, folks!! Youtube has reverted back the default players parameter. You can use the normal Youtube again. For this thread will be kept for future reference should this kind of thing happened again.
Just pick one of the method
/*=== Fix stuffs for SINGLE video - simple AS2 ===*/
If you are going to use only single video, simply use &version=2 will fix it up. You also need the external domain of Youtube since using the standard www.youtube.com/v will remove all other parameters other than &autoplay by Gaia system. For this, .ca.youtube.com or hk.youtube.com are recommended since those are using English as default media language. However, the choice may affect video availability and load speed.
Example url:
Usage of &version=2 also affects a lot of video availability especially country and site restriction. So you should check if your video can be played or not by opening the link in new tab.
Firefox will convert the media to HTML5, so you may need &nohtml5=1 in case you have to maintain media appearance. Especially for those using button-bar layout
/*=== Fix stuffs for SINGLE video - simple AS3 - No control bar ===*/
/*=== Fix stuffs for SINGLE and PLAYLIST video - simple AS3 - redirection integrated===*/
This fix is more recommended for PLAYLIST usage. If you only going to post single video then using the previous two are better.
Do not change the red parts in the base link. Alter the &autoplay=0 to &autoplay=1 for autoplay.
Base link for single video
http://hyperurl.co/ym26ae?ssl=1&autoplay=0&video_id=VIDEO-ID
example done link to put in media section
http://hyperurl.co/ym26ae?ssl=1&autoplay=1&video_id=bkjaDJNx5xY
For playlist
http://hyperurl.co/ym26ae?ssl=1&autoplay=0&list=PLAYLIST-ID
example done link to put in media section
http://hyperurl.co/ym26ae?ssl=1&autoplay=1&list=PLinxbYwtfyBgLvwwTws_1oPvsFu_GWbrH
*Q: Why hyperurl.co used? Why not using tiny.url or bit.ly or tiny.cc or etc?
A: Because hyperurl allows for multiple url parameter to pass on the redirection. While bit.ly and tiny.cc do not pass any url parameters at all. Second best is Tiny.url only allows for a single url parameter which already used by ?ssl=1 parameter. If you have any other suggestion(s), just post it and we gonna test it.
/*=== Fix stuffs for SINGLE and PLAYLIST video - advanced AS3===*/
Below only for those who are going for technical purpose. For common profile usage, use above suggestion is faster and easier.
==============
That is all about the tutorial. Remember, this is not intended for lazy person.
Just pick one of the method
/*=== Fix stuffs for SINGLE video - simple AS2 ===*/
If you are going to use only single video, simply use &version=2 will fix it up. You also need the external domain of Youtube since using the standard www.youtube.com/v will remove all other parameters other than &autoplay by Gaia system. For this, .ca.youtube.com or hk.youtube.com are recommended since those are using English as default media language. However, the choice may affect video availability and load speed.
Example url:
http://ca.youtube.com/v/VIDEO_ID?autoplay=1&version=2
Usage of &version=2 also affects a lot of video availability especially country and site restriction. So you should check if your video can be played or not by opening the link in new tab.
Firefox will convert the media to HTML5, so you may need &nohtml5=1 in case you have to maintain media appearance. Especially for those using button-bar layout
/*=== Fix stuffs for SINGLE video - simple AS3 - No control bar ===*/
1. Use external Youtube country domain such as ca.youtube.com
2. Use the &video_id=VIDEO_ID or &playlist=VIDEO_ID parameter, the video ID should be same with the actual link
Example media link results
http://ca.youtube.com/v/xyzxyzxyz?video_id=xyzxyzxyz&autoplay=1
http://ca.youtube.com/v/xyzxyzxyz&autoplay=1&playlist=xyzxyzxyz
http://ca.youtube.com/v/bkjaDJNx5xY?nohtml5=1&video_id=bkjaDJNx5xY
Adding &ps=1 or &ps=default allows the player to be paused by clicking the video.
2. Use the &video_id=VIDEO_ID or &playlist=VIDEO_ID parameter, the video ID should be same with the actual link
Example media link results
http://ca.youtube.com/v/xyzxyzxyz?video_id=xyzxyzxyz&autoplay=1
http://ca.youtube.com/v/xyzxyzxyz&autoplay=1&playlist=xyzxyzxyz
http://ca.youtube.com/v/bkjaDJNx5xY?nohtml5=1&video_id=bkjaDJNx5xY
Adding &ps=1 or &ps=default allows the player to be paused by clicking the video.
/*=== Fix stuffs for SINGLE and PLAYLIST video - simple AS3 - redirection integrated===*/
This fix is more recommended for PLAYLIST usage. If you only going to post single video then using the previous two are better.
Do not change the red parts in the base link. Alter the &autoplay=0 to &autoplay=1 for autoplay.
Base link for single video
http://hyperurl.co/ym26ae?ssl=1&autoplay=0&video_id=VIDEO-ID
example done link to put in media section
http://hyperurl.co/ym26ae?ssl=1&autoplay=1&video_id=bkjaDJNx5xY
For playlist
http://hyperurl.co/ym26ae?ssl=1&autoplay=0&list=PLAYLIST-ID
example done link to put in media section
http://hyperurl.co/ym26ae?ssl=1&autoplay=1&list=PLinxbYwtfyBgLvwwTws_1oPvsFu_GWbrH
*Q: Why hyperurl.co used? Why not using tiny.url or bit.ly or tiny.cc or etc?
A: Because hyperurl allows for multiple url parameter to pass on the redirection. While bit.ly and tiny.cc do not pass any url parameters at all. Second best is Tiny.url only allows for a single url parameter which already used by ?ssl=1 parameter. If you have any other suggestion(s), just post it and we gonna test it.
/*=== Fix stuffs for SINGLE and PLAYLIST video - advanced AS3===*/
Below only for those who are going for technical purpose. For common profile usage, use above suggestion is faster and easier.
==1st part==
Spoiler below contains instruction how to obtain the as3.swf file. You can skip ahead this part if you are going to use provided .swf file link in the second part instead.
First you need to obtain the Youtube AS3 player swf file. To get this file, just visit a random video in Youtube, get the video's iframe src URL thru the "SHARE" option > "EMBED" > Copy the whole iframe code then get the link.
Usually, you would get something like this, open in new tab the bolded part
On the new tab, open the source page; shortcut is CTRL + U or add command "view-source: ...." to behind the of the address. Example source page link
In the source page, find keyword "watch_as3.swf" (CTRL+F) which usually results in something like this
Copy the bolded part. The XXXXXX part is random player ID. With this, you have obtained your media player base link.
Usually in the links also mixed backslahes. Remove all the backslash or replace them into "/", example it becomes:
Add parameter ?ssl=1 by the end of url to validate the secure protocol needed.
This link is not usable yet for Gaia however, so copy the link into notepad or something alike for further steps.
*PS: actually you can just copy-paste-enter the swf link into your browser bar, the browser will do the conversion job for you.
==2nd part==
This part below will explain on how to build the actual link used for Gaia online media section
Example of made link, pick one to use:
Note the base link above might get deleted by Youtube in future, should all the link is dead, follow the previous steps to obtain your own base link. Expectation live time of each link is 3 to 6 months.
FOR SINGLE VIDEO; use &video_id=VIDEO_ID parameter, example the video address is:
https://www.youtube.com/watch?v=PEcvstuKOa0
Becomes:
https://s.ytimg.com//yts//swfbin//player-vfl9oL11e//watch_as3.swf?ssl=1&video_id=PEcvstuKOa0
FOR PLAYLIST; use &list=PLAYLIST_ID parameter, example the playlist page is
https://www.youtube.com/playlist?list=PLinxbYwtfyBgLvwwTws_1oPvsFu_GWbrH
Becomes:
https://s.ytimg.com//yts//swfbin//player-vfl9oL11e//watch_as3.swf?ssl=1&list=PLinxbYwtfyBgLvwwTws_1oPvsFu_GWbrH
Test first whether the links works or not by opening in new tab. If the player can run the video then follow next step which is customizing and converting the url into tiny.url or any shortened url.
You can customize the url to add autoplay, autohide or such any other AS3 player parameters like usual, for example:
https://s.ytimg.com//yts//swfbin//player-vfl9oL11e//watch_as3.swf?ssl=1&video_id=PEcvstuKOa0&autoplay=1&autohide=0&modestbranding=1
Due to the usage of https:// the link can not be used directly in Gaia online. Instead, the workaround is by redirecting the media link using tiny.url , bit.ly or some kind of url redirection service without ads; Redirection with ads or intermediate page such as adf.ly will not work for this case.
Example from the customized link above is http://tinyurl.com/h2gqcnb
This link is what you put into your profile media section.
*PS: Due to usage of direct swf file, Firefox browser will not convert it into HTML5 player so &nohtml5=1 parameter is not needed.
Spoiler below contains instruction how to obtain the as3.swf file. You can skip ahead this part if you are going to use provided .swf file link in the second part instead.
First you need to obtain the Youtube AS3 player swf file. To get this file, just visit a random video in Youtube, get the video's iframe src URL thru the "SHARE" option > "EMBED" > Copy the whole iframe code then get the link.
Usually, you would get something like this, open in new tab the bolded part
Quote:
&iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID?list=XXXXXXXXX" frameborder="0" allowfullscreen&&/iframe&
On the new tab, open the source page; shortcut is CTRL + U or add command "view-source: ...." to behind the of the address. Example source page link
view-source:https://www.youtube.com/embed/jNQXAC9IVRw
In the source page, find keyword "watch_as3.swf" (CTRL+F) which usually results in something like this
Quote:
"url":"https://s.ytimg.com ... /player-xxxxxxxx/watch_as3.swf","min_version":"8.0.0"
Copy the bolded part. The XXXXXX part is random player ID. With this, you have obtained your media player base link.
Usually in the links also mixed backslahes. Remove all the backslash or replace them into "/", example it becomes:
https://s.ytimg.com/yts/swfbin/player-xxxxxxxx/watch_as3.swf
OR
https://s.ytimg.com//yts//swfbin//player-xxxxxxxx//watch_as3.swf
You can test the link by opening the swf file in new tab. If the player controls shows up, you got the correct base player link.OR
https://s.ytimg.com//yts//swfbin//player-xxxxxxxx//watch_as3.swf
Add parameter ?ssl=1 by the end of url to validate the secure protocol needed.
This link is not usable yet for Gaia however, so copy the link into notepad or something alike for further steps.
*PS: actually you can just copy-paste-enter the swf link into your browser bar, the browser will do the conversion job for you.
==2nd part==
This part below will explain on how to build the actual link used for Gaia online media section
Example of made link, pick one to use:
https://s.ytimg.com/yts/swfbin/player-vfl9oL11e/watch_as3.swf?ssl=1
https://s.ytimg.com/yts/swfbin/player-vfl8wupOb/watch_as3.swf?ssl=1
https://s.ytimg.com/yts/swfbin/player-vflT8b4D4/watch_as3.swf?ssl=1
https://s.ytimg.com/yts/swfbin/player-vfl8wupOb/watch_as3.swf?ssl=1
https://s.ytimg.com/yts/swfbin/player-vflT8b4D4/watch_as3.swf?ssl=1
Note the base link above might get deleted by Youtube in future, should all the link is dead, follow the previous steps to obtain your own base link. Expectation live time of each link is 3 to 6 months.
FOR SINGLE VIDEO; use &video_id=VIDEO_ID parameter, example the video address is:
https://www.youtube.com/watch?v=PEcvstuKOa0
Becomes:
https://s.ytimg.com//yts//swfbin//player-vfl9oL11e//watch_as3.swf?ssl=1&video_id=PEcvstuKOa0
FOR PLAYLIST; use &list=PLAYLIST_ID parameter, example the playlist page is
https://www.youtube.com/playlist?list=PLinxbYwtfyBgLvwwTws_1oPvsFu_GWbrH
Becomes:
https://s.ytimg.com//yts//swfbin//player-vfl9oL11e//watch_as3.swf?ssl=1&list=PLinxbYwtfyBgLvwwTws_1oPvsFu_GWbrH
Test first whether the links works or not by opening in new tab. If the player can run the video then follow next step which is customizing and converting the url into tiny.url or any shortened url.
You can customize the url to add autoplay, autohide or such any other AS3 player parameters like usual, for example:
https://s.ytimg.com//yts//swfbin//player-vfl9oL11e//watch_as3.swf?ssl=1&video_id=PEcvstuKOa0&autoplay=1&autohide=0&modestbranding=1
Due to the usage of https:// the link can not be used directly in Gaia online. Instead, the workaround is by redirecting the media link using tiny.url , bit.ly or some kind of url redirection service without ads; Redirection with ads or intermediate page such as adf.ly will not work for this case.
Example from the customized link above is http://tinyurl.com/h2gqcnb
This link is what you put into your profile media section.
*PS: Due to usage of direct swf file, Firefox browser will not convert it into HTML5 player so &nohtml5=1 parameter is not needed.
==============
That is all about the tutorial. Remember, this is not intended for lazy person.
