Twitter video js widget - issues with fullscreen in webkit browsers

video
widgetsjs

#1

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’)
);


Website embedded video full screen issues in Chrome
Twitter video js widget - issues with fullscreen in webkit browsers
#2

Just to clarify, is this an embedded Tweet issue, or a player Card issue?


#3

Hi Andy. This is embedded tweet, created according this doc https://dev.twitter.com/web/embedded-tweets/javascript-create


#4

Thanks! Can you also provide a sample Tweet ID which displays this issue, and tell us which browser(s) you’ve tried this with?


#5

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>

#6

OK, thanks. I see that issue in Chrome on macOS as well, so I’ll ask the web team to take a look.


#7

@andypiper Any update on this? I’ve been having issues making embedded videos full screen on Chrome for Mac for weeks now. Thanks.


#8

I can confirm that I raised a ticket for the team to investigate. No ETA at present.


#9

Ok - thank you for the update.


#10

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.