Embedded tweets issue

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome
Who the problem concerns : All members
Forum link : http://www.goallegacy.net

Description of problem

Hi

So I was looking around a way to try and embed tweets and specifically twitter videos on my forum and after searching on here I found a javascript which helps formatting the tweets so they can be viewed in the proper format rather than just a text quote which is what is set as default in the forumotion system.

The JS I am using is this one

Code:

document.write('<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>');

The problem I am having in my forum is that for some reason only certain (random) tweets are being formatted correctly while the others just show up as a quote with nothing inside.

For example

This embedded code

Code:

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">All the goals from our 4-0 friendly victory over Barcelona today <a href="https://twitter.com/hashtag/LFC?src=hash">#LFC</a> <a href="https://twitter.com/hashtag/FCB?src=hash">#FCB</a>  <a href="https://t.co/CgpYuT6PXi">pic.twitter.com/CgpYuT6PXi</a></p>&mdash; Anfield Observer (@AnfieldObserver) <a href="https://twitter.com/AnfieldObserver/status/761998738332221441">August 6, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Shows up fine as I have attached a working pic



however this embedded code of a different tweet (code seems to be the exact same though?)

Code:

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">🗓17th March 2007<br>📍Old Trafford <br><br>- Wayne Rooney vs Bolton Wanderers <a href="https://twitter.com/hashtag/MUFC?src=hash">#MUFC</a> <a href="https://t.co/FPKgIzkKRx">pic.twitter.com/FPKgIzkKRx</a></p>&mdash; MUnitedGoals™ (@MUnitedGoals) <a href="https://twitter.com/MUnitedGoals/status/761996049431101440">August 6, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

shows up as



I am really confused as why it would only format some tweets? unless the javascript itself isn't the most efficient. HTML is on btw.

Any help would be appreciated

Remove the emiticons from the Tweet. They cause an issue with the coding.

Holy shit I feel like an idiot. Should have noticed that lmao. Yea it works when I removed the symbols and unnecessary characters.


Another related question though but I am not sure if it's a general issue on browsers or not but I can't full screen the videos for some reason. Screen seems to get bigger but the video doesn't show up as full screen if that makes any sense.

If you have come across that problem then I'd appreciate some advise otherwise I can mark this as solved.

Appreciate the quick response btw

Is the fullscreen button greyed out?  Youtube was the first thing that was noticed when this started.

It just fullscreens my screen instead of the video (for example if you press f11 on your keyboard it has that affect) but it doesn't show the actual video. It does say press escape to exit fullscreen.

Please post a link to a post that has the issue that guests can see.

It turns out it's mostly an issue on Chrome as it works fine on Safari and on mobile devices. Doesn't matter though as at least it works fine. Marking it as resolved

Ok.

Problem solved & topic archived. Please read our forum rules:  ESF General Rules