Fandom Developers Wiki
m (Reply)
 
(25 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
== VK ==
 
== VK ==
 
 
Hey http://images2.wikia.nocookie.net/central/images/d/d9/Wave_emoticon.gif , can I ask you "a little" to expand the functionality of this script, adding the ability to integrate video from the Russian ''(very popular)'' social network "VK". This will make the script more popular among Russian-speaking users and the like would not be very difficult. <br> This should help you:
 
Hey http://images2.wikia.nocookie.net/central/images/d/d9/Wave_emoticon.gif , can I ask you "a little" to expand the functionality of this script, adding the ability to integrate video from the Russian ''(very popular)'' social network "VK". This will make the script more popular among Russian-speaking users and the like would not be very difficult. <br> This should help you:
 
* [https://new.vk.com/dev A reference to the dev-section of the site].It has English language, such as is available without registration
 
* [https://new.vk.com/dev A reference to the dev-section of the site].It has English language, such as is available without registration
Line 15: Line 14:
 
}
 
}
 
</syntaxhighlight>
 
</syntaxhighlight>
code is taken [http://ru.terraria.wikia.com/wiki/MediaWiki:CustomChatTags.js?oldid=814225 away]], an extended version of [[ChatTags]].<br>
+
code is taken [http://ru.terraria.wikia.com/wiki/MediaWiki:CustomChatTags.js?oldid=814225 away]], an extended version of [{{fullurl:ChatTags}} ChatTags].<br>
 
I would hope that you at least consider ^-^
 
I would hope that you at least consider ^-^
 
--[[User:Kos365|<choose><option>http://images1.wikia.nocookie.net/terraria/ru/images/thumb/b/b8/Kos.png/40px-Kos.png</option></choose>]]<big>'''[[User:Kos365|365]]'''</big><small><small>([[User_talk:Kos365|Nachrichtenseite]]|[[Special:Contributions/Kos365|Beiträge]])</small></small> 22:24, May 28, 2016 (UTC)
 
--[[User:Kos365|<choose><option>http://images1.wikia.nocookie.net/terraria/ru/images/thumb/b/b8/Kos.png/40px-Kos.png</option></choose>]]<big>'''[[User:Kos365|365]]'''</big><small><small>([[User_talk:Kos365|Nachrichtenseite]]|[[Special:Contributions/Kos365|Beiträge]])</small></small> 22:24, May 28, 2016 (UTC)
Line 35: Line 34:
   
 
==Requesting Site Supports==
 
==Requesting Site Supports==
 
 
Hello,
 
Hello,
 
would it be possible to add periscope and niconicodouga, a lot of japanese related fandoms could benefit from having them supported.
 
would it be possible to add periscope and niconicodouga, a lot of japanese related fandoms could benefit from having them supported.
Line 89: Line 87:
 
</syntaxhighlight>
 
</syntaxhighlight>
 
--<span style="border:3px double orange;background-color:yellow;">[[User:Laclale|<span style="color:green;font-family:OCR A Extended">*Lac*</span>]]([[User_Talk:Laclale|<span style="color:orange">♪</span>]])</span> 07:32, November 11, 2019 (UTC)
 
--<span style="border:3px double orange;background-color:yellow;">[[User:Laclale|<span style="color:green;font-family:OCR A Extended">*Lac*</span>]]([[User_Talk:Laclale|<span style="color:orange">♪</span>]])</span> 07:32, November 11, 2019 (UTC)
  +
 
And sample of player.
 
And sample of player.
  +
 
<iframe width="312" height="176" src="https://embed.nicovideo.jp/watch/sm35121249" scrolling="no" style="border:solid 1px #ccc;" frameborder="0"><a href="https://www.nicovideo.jp/watch/sm35121249">か い め つ.dll</a></iframe>
 
<iframe width="312" height="176" src="https://embed.nicovideo.jp/watch/sm35121249" scrolling="no" style="border:solid 1px #ccc;" frameborder="0"><a href="https://www.nicovideo.jp/watch/sm35121249">か い め つ.dll</a></iframe>
  +
--<span style="border:3px double orange;background-color:yellow;">[[User:Laclale|<span style="color:green;font-family:OCR A Extended">*Lac*</span>]]([[User_Talk:Laclale|<span style="color:orange">♪</span>]])</span> 11:36, November 12, 2019 (UTC)
+
<span style="border:3px double orange;background-color:yellow;">[[User:Laclale|<span style="color:green;font-family:OCR A Extended">*Lac*</span>]]([[User_Talk:Laclale|<span style="color:orange">♪</span>]])</span> 11:36, November 12, 2019 (UTC)
  +
  +
==For periscope==
  +
Just trick. ID is user name(/actual id).
  +
:https://www.periscope.tv/wni_live
  +
:https://www.periscope.tv/wni_live/1zqJVEAkPamGB
  +
<syntaxhighlight lang="JavaScript">
  +
case 'periscope':
  +
$this.html(
  +
$('<iframe>',{
  +
src:'https://www.periscope.tv/' + id,
  +
css:css
  +
})
  +
);
  +
break;
  +
</syntaxhighlight>--<span style="border:3px double orange;background-color:yellow;">[[User:Laclale|<span style="color:green;font-family:OCR A Extended">*Lac*</span>]]([[User_Talk:Laclale|<span style="color:orange">♪</span>]])</span> 11:44, November 12, 2019 (UTC)
  +
: Added both of those in the script now, do you mind updating the documentation to add these examples? -- <span style="color: #FFD300; font-family: Courier New;">[[User:KockaAdmiralac|<span style="color: #FFD300; font-family: Courier New;">Cube</span>]]-[[User talk:KockaAdmiralac|<span style="color: #FFD300; font-family: Courier New;">shaped</span>]] [[Special:Contribs/KockaAdmiralac|<span style="color: #FFD300; font-family: Courier New;">garbage can</span>]]</span> 22:57, November 25, 2019 (UTC)
  +
:: The script revision has been rejected as a potential GDPR violation. If you can provide us with any information about Niconico's GDPR compliance that would be great, but I'll discuss the matter with Rappy when he comes back and I get more time. -- <span style="color: #FFD300; font-family: Courier New;">[[User:KockaAdmiralac|<span style="color: #FFD300; font-family: Courier New;">Cube</span>]]-[[User talk:KockaAdmiralac|<span style="color: #FFD300; font-family: Courier New;">shaped</span>]] [[Special:Contribs/KockaAdmiralac|<span style="color: #FFD300; font-family: Courier New;">garbage can</span>]]</span> 21:19, December 3, 2019 (UTC)
  +
  +
*Niconico: http://blog.nicovideo.jp/niconews/49321.html
  +
*Nico live: https://qa.nicovideo.jp/faq/show/710
  +
*Periscope: https://www.periscope.tv/embed
  +
--<span style="border:3px double orange;background-color:yellow;">[[User:Laclale|<span style="color:green;font-family:OCR A Extended">*Lac*</span>]]([[User_Talk:Laclale|<span style="color:orange">♪</span>]])</span> 10:35, December 7, 2019 (UTC)
  +
  +
  +
  +
==Twitch Integration==
  +
When trying to integrate live twitch streams there is a configuration bug where Twitch isn't getting [https://dev.twitch.tv/docs/embed/video-and-clips/#non-interactive-inline-frames-for-live-streams-and-vods the parent query string] it is expecting.
  +
  +
[[File:Twitch_embed.png|thumb|left|Resulting screen]]This is the result of following [https://dev.fandom.com/wiki/VideoIntegrator#Twitch_.28Stream_Only.29 these setup instructions] and attempting to connect to a live stream.
  +
  +
The source code that generates the error is<br />``<span class="TwitchStream" data-widget-id="NovaVillan"></span>``
  +
  +
The error message produced on the console
  +
  +
  +
[[File:Embed_error.png|thumb|left|Error message mentioned in the above picture]]`Twitch embed error message:[NoParent] parent query string value was not specifiedDocs: https://dev.twitch.tv/docs/embed/video-and-clips/`
  +
  +
[[User:IshiMushu|IshiMushu]] ([[User talk:IshiMushu|talk]]) 21:20, August 5, 2020 (UTC)
  +
  +
<br>
  +
  +
== Facebook Integrator: Have I set it up correctly? ==
  +
I wanted to add [https://m.facebook.com/watch/425226707527525/3457348617708151/?__tn__=C this video] from Facebook [https://die-abenteuer-des-robin-hood.fandom.com/de/wiki/Die_Abenteuer_des_Robin_Hood_Wiki to the main page], so I first added "[[VideoIntegrator#Facebook|dev:VideoIntegrator/VideoIntegrator.js]]" to the [https://die-abenteuer-des-robin-hood.fandom.com/de/wiki/MediaWiki:ImportJS MediaWiki:ImportJS - page]. After that, I added to the main page this code "<span class="Facebook" data-widget-id="3457348617708151" style="width: 32em; height: 18em;"></span>" to my page, but now I get the following error message "Video nicht verfügbar. Dieses Video wurde entweder von Facebook entfernt oder ist aufgrund der Privatsphäre-Einstellungen nicht sichtbar."<br>Have I done something wrong or is this video actually protected by privacy settings?
  +
<br>Thanks for helping,<br>[[User:Dwain Zwerg|Dwain Zwerg]] ([[User talk:Dwain Zwerg|talk]]) 10:57, 3 February 2021 (UTC)
  +
  +
: You have the wrong ID, you have to click on the video to get the ID <code>2069233349883099</code> from https://www.facebook.com/425226707527525/videos/2069233349883099/?__so__=watchlist&__rv__=video_home_www_playlist_video_list. I suggest using Facebook desktop mode as mobile behaves differently. {{raw::w:User:Caburum/sig}} 22:52, 3 February 2021 (UTC)
  +
  +
::Thank You!<br>
  +
::[[User:Dwain Zwerg|Dwain Zwerg]] ([[User talk:Dwain Zwerg|talk]]) 11:13, 4 February 2021 (UTC)
  +
<br>
  +
:::Hello is it actually normal that such a large frame remains when you have use the script (When I change the height in the script, first the video itself is reduced in height until at some point the frame is removed piece by piece -> only half a video is displayed).
  +
  +
:::Example: [https://die-abenteuer-des-robin-hood.fandom.com/de/wiki/Die_Abenteuer_des_Robin_Hood_Wiki Die Abenteuer des Robin Hood - main page]
  +
  +
:::Yours sincerely,
  +
  +
:::<div style="color:green;">[[w:c:de.die-abenteuer-des-robin-hood:Die_Abenteuer_des_Robin_Hood_Wiki:Administratoren#Derzeitige_Admins:|<div style="color:green;">Admin & Bürokrat</div>]][[w:c:de.die-abenteuer-des-robin-hood|<div style="color:green;">(''<small>Robin Hood Wiki</small>''):</div>]][[User:Dwain Zwerg| <div style="color:green;">'''Dwain''' </div>]]{{#time: d. F Y, H:i:s|+1 hours}} [https://de.wikipedia.org/wiki/UTC%2B1 <div style="color:green;">(UTC+1)</div>]</div>
  +
  +
== facebook video not showing ==
  +
  +
Hello, I've added the script but when I add the video to a page it just leaves a white space. It does add the video since when I click on the white space it will play the video but only the sound. The video itself doesn't show. Are there any extra settings that need to be added?
  +
  +
This is the page I added the facebook video to ([https://dbz-dokkanbattle.fandom.com/wiki/Dokkan_Thank-You_Celebration_(2021)#Social_Media here]). As compared to the fandom's own youtube integration on [https://dbz-dokkanbattle.fandom.com/wiki/350M_DLs_Worldwide_Campaign#Social_Media this page].
  +
  +
[[User:Mazdafreak|Mazdafreak]] ([[User talk:Mazdafreak|talk]]) 19:22, 2 November 2021 (UTC)
  +
: It looks like Facebook now requires you to specify the width and height of a video while embedding it. When the script is approved, you can add <code>data-width</code> and <code>data-height</code> attributes to the span with the video to specify them, and see which width and height work best for you. Given how the most active JS reviewer left Fandom recently, there might be some time before the script is approved. {{User:KockaAdmiralac/s.css}} 14:56, 7 November 2021 (UTC)

Latest revision as of 14:56, 7 November 2021

VK

Hey Wave_emoticon.gif , can I ask you "a little" to expand the functionality of this script, adding the ability to integrate video from the Russian (very popular) social network "VK". This will make the script more popular among Russian-speaking users and the like would not be very difficult.
This should help you:

'vk':   function (s,t) {
                 if (t.charAt(0) !== '/') {
                     try {
                         t = t.split(' ');
                         s = s.replace('[vk ' + t[1] + ' ' + t[2] + ' ' + t[3] + ']', '<iframe src="//vk.com/video_ext.php?oid=' + mw.html.escape(t[1]) + '&id=' + mw.html.escape(t[2]) + '&hash=' + mw.html.escape(t[3]) + '" width="455.25" height="270" frameborder="0"></iframe>');
                     } catch(e) { console.log(e) }
                 }
                 return s;
             }

code is taken away], an extended version of ChatTags.
I would hope that you at least consider ^-^ --40px-Kos.png365(Nachrichtenseite|Beiträge) 22:24, May 28, 2016 (UTC)

I'll take a look at adding support for VK. Code Lyoko Wiki: User: Deadcoder 06:45, May 29, 2016 (UTC)

Twitch

I'm trying to use this to embed a Twitch stream, but it doesn't seem to work (it should appear at the top)

https://easyallies.wikia.com/wiki/Template:RailModule

Not sure what I'm doing wrong, I'd appreciate some help. Thanks!

- Darío 05:17, June 13, 2018 (UTC)

You're importing the wrong page. The correct import is dev:VideoIntegrator/VideoIntegrator.js, but you're using dev:VideoIntegrator/code.js. --Sophie 06:12, June 13, 2018 (UTC)
I was just following the instructions stated here though, but it's working now, thank you! - Darío 07:12, June 13, 2018 (UTC)
Fixed the instructions now. -- Cube-shaped garbage can 11:18, June 13, 2018 (UTC)


Requesting Site Supports

Hello, would it be possible to add periscope and niconicodouga, a lot of japanese related fandoms could benefit from having them supported.

Edit: I can't seem to make it work using dev:VideoIntegrator/VideoIntegrator.js on the mediawiki:importJS of the fandom I'm in.


Neetohh (talk) 01:23, April 25, 2019 (UTC)

For niconico

I made from official share link. Player requires script tag but whatever.

            case 'niconico':
                $this.html(
                    $('<iframe>',{
                        width:312,
                        height:176,
                        src:'https://ext.nicovideo.jp/thumb/' + id,
                        frameborder:0,
                        scrolling:"no",
                        css:{
                            border:'solid 1px #ccc'
                        }
                    })
                );
                break;

Sorry for late sign--*Lac*()

Could you provide an example of how it looks like when embedded for you? For me an example link from your code does not seem to embed the actual video, just link to where the video can be watched. -- Cube-shaped garbage can 23:35, November 8, 2019 (UTC)

Wanna actual player version? I put actual code.

<iframe width="312" height="176" src="https://ext.nicovideo.jp/thumb/sm35121249" scrolling="no" style="border:solid 1px #ccc;" frameborder="0"><a href="https://www.nicovideo.jp/watch/sm35121249">か い め つ.dll</a></iframe>
<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm34281412/script?w=640&h=360"></script><noscript><a href="https://www.nicovideo.jp/watch/sm34281412">「走る〇〇GB」雑作成ガイド</a></noscript>
            case 'niconico':
                $this.html(
                    $('<iframe>',{
                        width:640,
                        height:360,
                        src:'https://embed.nicovideo.jp/watch/' + id
                        frameborder:0,
                        scrolling:"no",
                        css:{
                            border:'solid 1px #ccc'
                        }
                    })
                );
                break;

--*Lac*() 07:32, November 11, 2019 (UTC)

And sample of player.

<iframe width="312" height="176" src="https://embed.nicovideo.jp/watch/sm35121249" scrolling="no" style="border:solid 1px #ccc;" frameborder="0"><a href="https://www.nicovideo.jp/watch/sm35121249">か い め つ.dll</a></iframe>

*Lac*() 11:36, November 12, 2019 (UTC)

For periscope

Just trick. ID is user name(/actual id).

https://www.periscope.tv/wni_live
https://www.periscope.tv/wni_live/1zqJVEAkPamGB
            case 'periscope':
                $this.html(
                    $('<iframe>',{
                        src:'https://www.periscope.tv/' + id,
                        css:css
                    })
                );
                break;

--*Lac*() 11:44, November 12, 2019 (UTC)

Added both of those in the script now, do you mind updating the documentation to add these examples? -- Cube-shaped garbage can 22:57, November 25, 2019 (UTC)
The script revision has been rejected as a potential GDPR violation. If you can provide us with any information about Niconico's GDPR compliance that would be great, but I'll discuss the matter with Rappy when he comes back and I get more time. -- Cube-shaped garbage can 21:19, December 3, 2019 (UTC)

--*Lac*() 10:35, December 7, 2019 (UTC)


Twitch Integration

When trying to integrate live twitch streams there is a configuration bug where Twitch isn't getting the parent query string it is expecting.

Twitch embed

Resulting screen

This is the result of following these setup instructions and attempting to connect to a live stream.

The source code that generates the error is
````

The error message produced on the console


Embed error

Error message mentioned in the above picture

`Twitch embed error message:[NoParent] parent query string value was not specifiedDocs: https://dev.twitch.tv/docs/embed/video-and-clips/`

IshiMushu (talk) 21:20, August 5, 2020 (UTC)


Facebook Integrator: Have I set it up correctly?

I wanted to add this video from Facebook to the main page, so I first added "dev:VideoIntegrator/VideoIntegrator.js" to the MediaWiki:ImportJS - page. After that, I added to the main page this code "" to my page, but now I get the following error message "Video nicht verfügbar. Dieses Video wurde entweder von Facebook entfernt oder ist aufgrund der Privatsphäre-Einstellungen nicht sichtbar."
Have I done something wrong or is this video actually protected by privacy settings?
Thanks for helping,
Dwain Zwerg (talk) 10:57, 3 February 2021 (UTC)

You have the wrong ID, you have to click on the video to get the ID 2069233349883099 from https://www.facebook.com/425226707527525/videos/2069233349883099/?__so__=watchlist&__rv__=video_home_www_playlist_video_list. I suggest using Facebook desktop mode as mobile behaves differently. 28 Caburum ✉︎📄︎💬︎📣︎ 22:52, 3 February 2021 (UTC)
Thank You!
Dwain Zwerg (talk) 11:13, 4 February 2021 (UTC)


Hello is it actually normal that such a large frame remains when you have use the script (When I change the height in the script, first the video itself is reduced in height until at some point the frame is removed piece by piece -> only half a video is displayed).
Example: Die Abenteuer des Robin Hood - main page
Yours sincerely,

facebook video not showing

Hello, I've added the script but when I add the video to a page it just leaves a white space. It does add the video since when I click on the white space it will play the video but only the sound. The video itself doesn't show. Are there any extra settings that need to be added?

This is the page I added the facebook video to (here). As compared to the fandom's own youtube integration on this page.

Mazdafreak (talk) 19:22, 2 November 2021 (UTC)

It looks like Facebook now requires you to specify the width and height of a video while embedding it. When the script is approved, you can add data-width and data-height attributes to the span with the video to specify them, and see which width and height work best for you. Given how the most active JS reviewer left Fandom recently, there might be some time before the script is approved. -- Cube-shaped garbage can 14:56, 7 November 2021 (UTC)