I have created Twitter widget with js library. Widget contains video. It works, but can`t be properly viewed in fullscreen mode in all webkit browsers. The screen only changes the browser to full screen and not the video. I have checked that allowfullscreen attribute is present on iframe. I think this is a bug, please advice
twttr.widgets.createTweet(
‘tweet-id’,
document.getElementById(‘twttr_id’)
);
Just to clarify, is this an embedded Tweet issue, or a player Card issue?
Hi Andy. This is embedded tweet, created according this doc Overview | Docs | Twitter Developer Platform
Thanks! Can you also provide a sample Tweet ID which displays this issue, and tell us which browser(s) you’ve tried this with?
Ubuntu → Google Chrome 52.0.2743.116 (64-bit)
Ubuntu → Chromium 51.0.2704.79 Ubuntu 14.04 (64-bit)
Tweet ID → ‘769811759221780480’
sample of code that I use for testing
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));</script>
</head>
<body>
<div id="twttr"></div>
<script type="text/javascript">
setTimeout(function(){
window.twttr.widgets.createTweet(
'769811759221780480',
document.getElementById('twttr')
);
}, 1000);
</script>
</body>
</html>
OK, thanks. I see that issue in Chrome on macOS as well, so I’ll ask the web team to take a look.
@andypiper Any update on this? I’ve been having issues making embedded videos full screen on Chrome for Mac for weeks now. Thanks.
I can confirm that I raised a ticket for the team to investigate. No ETA at present.
Ok - thank you for the update.
system
Closed
#10
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.