Khoros Atlas Logo

%3CDIV%20class%3D%22lia-message-template-content-zone%22%3E%3CLINGO-SUB%20id%3D%22lingo-sub-276909%22%20slang%3D%22en-US%22%3EEmbedding%20Twitter%20Videos%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-276909%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20everyone%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EEvery%20fortnight%20we%20host%20a%20Twitter%20Q%26amp%3BA%20and%20post%20the%20highlights%20on%20to%20a%20blog%20on%20our%20community.%20Normally%20I%20do%20this%20by%20saving%20the%20tweets%20used%20in%20the%20highlights%20as%20an%20image%20which%20works%20fine.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENext%20week%20our%20Q%26amp%3BA%20guest%20will%20be%20using%20video%20to%20respond%20to%20each%20tweet.%20We%20did%20a%20video%20announcement%20earlier%20this%20week%20so%20I've%20just%20tested%20if%20this%20format%20works%20on%20a%20blog%20post%20by%20pulling%20out%20the%20%22embed%20video%22%20code%20from%20the%20tweet%20and%20putting%20this%20into%20the%20HTML%20body%20of%20the%20blog%20post.%20But%20the%20video%20doesn't%20seem%20to%20pull%20through%2C%20just%20the%20text%20and%20a%20link%20to%20the%20video.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDoes%20anyone%20have%20any%20advice%20on%20how%20to%20get%20videos%20from%20a%20tweet%20on%20to%20a%20blog%20post%20on%20the%20platform%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks!%20%3CIMG%20class%3D%22emoticon%20emoticon-smileyhappy%22%20id%3D%22smileyhappy%22%20src%3D%22https%3A%2F%2Fcommunity.lithium.com%2Fi%2Fsmilies%2F16x16_smiley-happy.png%22%20alt%3D%22Smiley%20Happy%22%20title%3D%22Smiley%20Happy%22%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-282499%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Twitter%20Videos%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-282499%22%20slang%3D%22en-US%22%3E%3CP%3EI%20can%20help%20you%20on%20this%20%2C%20kindly%20connect%20with%20me%20saratk%40grazitti.com.%20We%20can%20use%20iframes%20to%20embed%203rd%20party%20videos.%20I%20can%20get%20this%20work%20done%20for%20you%2C%20connect%20with%20me%20please!!!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-282483%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Twitter%20Videos%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-282483%22%20slang%3D%22en-US%22%3EHi%20%3CA%20href%3D%22https%3A%2F%2Fcommunity.lithium.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F64180%22%20rel%3D%22noopener%20noreferrer%22%3E%407storms%3C%2FA%3E%2C%20I%20managed%20to%20sort%20this%20out%20by%20using%20iframe%20code%20to%20embed%20the%20tweet.%20This%20is%20the%20code%2C%20all%20you%20need%20to%20do%20is%20enter%20the%20URL%20of%20your%20tweet%20where%20I've%20mentioned%20below%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%26lt%3Bp%26gt%3B%26lt%3Biframe%20src%3D%22%3CA%20href%3D%22https%3A%2F%2Ftwitframe.com%2Fshow%3Furl%3DURL%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Ftwitframe.com%2Fshow%3Furl%3DURL%3C%2FA%3E%20OF%20YOUR%20TWEET%22%20border%3D%220%22%20height%3D%22300%22%20width%3D%22550%22%20frameborder%3D%220%22%26gt%3B%26lt%3B%2Fiframe%26gt%3B%26lt%3B%2Fp%26gt%3B%3CBR%20%2F%3E%26lt%3Bp%26gt%3B%26amp%3Bnbsp%3B%26lt%3B%2Fp%26gt%3B%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-282409%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Twitter%20Videos%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-282409%22%20slang%3D%22en-US%22%3E%3CP%3ERan%20into%20the%20same%20problem%20and%20was%20wondering%20about%20how%20to%20get%20that%20video%20working.%20Thanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-277228%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Twitter%20Videos%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-277228%22%20slang%3D%22en-US%22%3E%3CP%3EOh...%20and%26nbsp%3Bjust%20to%20make%20sure%20you%20haven't%20forgotten%20about%20this%3A%26nbsp%3BMake%20sure%20to%20%3CA%20href%3D%22https%3A%2F%2Fcommunity.lithium.com%2Ft5%2FImages-and-video%2FAdd-rich-content-to-posts%2Fta-p%2F113875%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3Eenable%20the%20rich%20content%20widget%20for%20posts%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3ESee%20the%20example%20tweet%20below.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-277227%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Twitter%20Videos%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-277227%22%20slang%3D%22en-US%22%3EAhh%20no%20problem.%20Thanks%20for%20your%20help%20with%20this!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-277226%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Twitter%20Videos%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-277226%22%20slang%3D%22en-US%22%3E%3CP%3EI%20gave%20it%20a%20try%20myself%20and%20attempted%20embedding%20a%20tweet%26nbsp%3Binto%20a%20blog%20article%20on%20the%20Lithium%20community%20platform.%26nbsp%3BIt%20indeed%20fails%20because%3C%2FP%3E%0A%3CP%3Ethe%20script%20portion%20of%20the%20tweet%20%26nbsp%3Bembed%20widget%3C%2FP%3E%0A%3CPRE%3E%26lt%3Bscript%20async%20src%3D%22%2F%2Fplatform.twitter.com%2Fwidgets.js%22%20charset%3D%22utf-8%22%26gt%3B%26lt%3B%2Fscript%26gt%3B%3C%2FPRE%3E%0A%3CP%3E...is%20being%20stripped%20from%20the%20blog%20article%20when%20it's%20being%20posted.%20This%20is%20a%20security%20measure%20to%20prevent%20(malicious)%20scripts%20from%20being%20inserted%20into%20user%20generated%20community%20content.%20Unfortunately%20it%20also%20means%20that%20the%20embedded%20tweet%20will%26nbsp%3Bremain%20text%20only.%3C%2FP%3E%0A%3CP%3EI%20think%20the%20closest%20you%20can%20get%20is%20by%20manually%20inserting%20a%20screenshot%20of%20the%20video%20thumbnail%20with%20the%20play%20button%20and%20linking%20it%20to%20the%20full%20tweet%2C%20so%20that%20blog%20visitors%20can%20click%20through%20to%20the%20full%20video%20in%20tweet%20experience.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-276933%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Twitter%20Videos%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-276933%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Fcommunity.lithium.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F63194%22%20rel%3D%22noopener%20noreferrer%22%3E%40ClaudiusH%3C%2FA%3E%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20tried%20embedding%20the%20full%20tweet%20and%20although%20the%20preview%20on%20Twitter%20shows%20the%20video%2C%20when%20I%20put%20this%20on%20Lithium%20the%20same%20thing%20happens%20with%20a%20link%20to%20the%20tweet%20appearing%20instead%20of%20the%20video.%20Thanks%20for%20the%20suggestions%20anyway!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-276930%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Twitter%20Videos%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-276930%22%20slang%3D%22en-US%22%3EHi%2C%3CBR%20%2F%3EI%20assume%20the%20video%20relies%20on%20some%20parameters%20from%20its%20parent%20tweet%20to%20be%20present.%20Did%20you%20try%20embedding%20the%20full%20tweet%20containing%20the%20video%20in%20your%20blog%3F%3C%2FLINGO-BODY%3E%0A%3C%2FDIV%3E
Advisor
Advisor

Embedding Twitter Videos

Jump to solution

Hi everyone,

 

Every fortnight we host a Twitter Q&A and post the highlights on to a blog on our community. Normally I do this by saving the tweets used in the highlights as an image which works fine.

 

Next week our Q&A guest will be using video to respond to each tweet. We did a video announcement earlier this week so I've just tested if this format works on a blog post by pulling out the "embed video" code from the tweet and putting this into the HTML body of the blog post. But the video doesn't seem to pull through, just the text and a link to the video.

 

Does anyone have any advice on how to get videos from a tweet on to a blog post on the platform?

 

Thanks! Smiley Happy

Tags (2)
9 Replies 9
Highlighted
Khoros Alumni (Retired) Khoros Alumni (Retired)
Khoros Alumni (Retired)

Re: Embedding Twitter Videos

Jump to solution
Hi,
I assume the video relies on some parameters from its parent tweet to be present. Did you try embedding the full tweet containing the video in your blog?

Khoros Best Practice until August 2019. Onwards posting as Claudius.
Learn how to master Khoros. Learn Best Practice in the Community Documentation
If you appreciate my efforts, please give me a kudo ↓
Accept as solution to help others find it faster.
0 Kudos
Reply
Loading...
Highlighted
Advisor
Advisor

Re: Embedding Twitter Videos

Jump to solution

Hi @ClaudiusH,

 

I tried embedding the full tweet and although the preview on Twitter shows the video, when I put this on Lithium the same thing happens with a link to the tweet appearing instead of the video. Thanks for the suggestions anyway!

0 Kudos
Reply
Loading...
Highlighted
Khoros Alumni (Retired) Khoros Alumni (Retired)
Khoros Alumni (Retired)

Re: Embedding Twitter Videos

Jump to solution

I gave it a try myself and attempted embedding a tweet into a blog article on the Lithium community platform. It indeed fails because

the script portion of the tweet  embed widget

<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

...is being stripped from the blog article when it's being posted. This is a security measure to prevent (malicious) scripts from being inserted into user generated community content. Unfortunately it also means that the embedded tweet will remain text only.

I think the closest you can get is by manually inserting a screenshot of the video thumbnail with the play button and linking it to the full tweet, so that blog visitors can click through to the full video in tweet experience.


Khoros Best Practice until August 2019. Onwards posting as Claudius.
Learn how to master Khoros. Learn Best Practice in the Community Documentation
If you appreciate my efforts, please give me a kudo ↓
Accept as solution to help others find it faster.
Reply
Loading...
Highlighted
Advisor
Advisor

Re: Embedding Twitter Videos

Jump to solution
Ahh no problem. Thanks for your help with this!
0 Kudos
Reply
Loading...
Highlighted
Khoros Alumni (Retired) Khoros Alumni (Retired)
Khoros Alumni (Retired)

Re: Embedding Twitter Videos

Jump to solution

Oh... and just to make sure you haven't forgotten about this: Make sure to enable the rich content widget for posts.

See the example tweet below.


Khoros Best Practice until August 2019. Onwards posting as Claudius.
Learn how to master Khoros. Learn Best Practice in the Community Documentation
If you appreciate my efforts, please give me a kudo ↓
Accept as solution to help others find it faster.
Reply
Loading...
Highlighted
New Commentator

Re: Embedding Twitter Videos

Jump to solution

Ran into the same problem and was wondering about how to get that video working. Thanks!

0 Kudos
Reply
Loading...
Highlighted
Advisor
Advisor

Re: Embedding Twitter Videos

Jump to solution
Hi @7storms, I managed to sort this out by using iframe code to embed the tweet. This is the code, all you need to do is enter the URL of your tweet where I've mentioned below:

<p><iframe src="https://twitframe.com/show?url=URL OF YOUR TWEET" border="0" height="300" width="550" frameborder="0"></iframe></p>
<p>&nbsp;</p>
Reply
Loading...
Highlighted
New Commentator

Re: Embedding Twitter Videos

Jump to solution

@ClaudiusH

 

Thanks for your answer to the Twitter question, I was trying to embed a Twitter poll - same problem!

 

Any guess why this doesn't work? I get the plain text at the top and bottom but only the frame in the middle, no video. My ultimate goal is to embed a poll into a blog post but until I figure out what's allowed/works I'm not going spend my time looking at polling tools.

 

<p>This is a test of embedding a bbc</p>
<p><iframe src="http://www.bbc.com/news/av/embed/p05tl8xb/42656846" width="400" height="500" frameborder="10"></iframe></p>
<p>End of test of embedding a bbc</p>

0 Kudos
Reply
Loading...
Highlighted
Khoros Alumni (Retired) Khoros Alumni (Retired)
Khoros Alumni (Retired)

Re: Embedding Twitter Videos

Jump to solution
Did you try embedding it via twitframe.com as outlined in Amy's reply just before you?

Also: When attempting to include <iframe> keep in mind that your community user needs to have full HTML permissions as otherwise part of it could be stripped out again on posting.

Khoros Best Practice until August 2019. Onwards posting as Claudius.
Learn how to master Khoros. Learn Best Practice in the Community Documentation
If you appreciate my efforts, please give me a kudo ↓
Accept as solution to help others find it faster.
0 Kudos
Reply
Loading...