Facebook to Launch Video Player Rivalling Tik-Tok: See Details

Producer: Priyanka Das Editor: Sujata Singh

Meta will soon introduce an updated mobile video player on Facebook.

[{"selector":"#anim-cc254ef3-d6a5-4d65-9cd8-f9c98f824ff3","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a19d8cb9-cb06-44c4-8480-651da0ccf4dd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cde8b3b4-71fd-4d72-840e-3afcc6a43a86","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-c9e77f6a-5715-4596-8540-299278456d16","keyframes":{"transform":["translate3d(-119.19192%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-93cbc4e5-bbd0-4f7c-ad09-ff2e29292b0f","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fb858d0a-95ef-4201-a205-01479b444066","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-22149f9c-e7e8-4943-90e1-dea6df28f2fd [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

It will bring together longer videos, reels, and live content all in one full-screen portrait-oriented video format to enhance users’ engagement.

[{"selector":"#anim-5d175c6b-e714-4a43-88f5-83beaed103fa [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(12.69256291654846%, -13.044095560776935%) scale(1.352112676056338)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a2880d5b-a69d-455b-9bce-55acae118650","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8069cd5c-8d42-410c-9221-d44419240fb4","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-939a6fd5-8b5e-4ba2-910d-248a76f76800","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-b5d5a9f1-d1c4-4fc8-ab8b-1d936ba2542c","keyframes":{"transform":["translate3d(-119.52862%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-badbab30-3793-4c0d-8bc7-8415ba149478","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-85480c5e-c8ad-4ee6-a5b5-4fe7b64335f0","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

As per a blog post by Meta, the updated video player will first be rolled out on iOS and Android in the US and Canada before launching globally in the coming months.

[{"selector":"#anim-ee25a82d-c6a2-4abf-b769-8e176f677cdf [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-2.6785714084287484%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-0e08b091-20ac-4c19-98b1-c958bb80e9e7","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-612a64e7-b92c-4ab0-806a-ad89aa92f2fb","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0ac077fd-2dc3-4684-92a9-06a85b0d1b20","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-81d54628-4654-4744-af0a-dd902ac7931d","keyframes":{"transform":["translate3d(-108.54701%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e6276f4b-3358-4747-bd2b-9cd995904070","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4dbeb58d-736f-4945-ac4b-4746ceca4e85","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-eda3084d-5379-4110-a716-775b7599c7bb [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ec9d4b91-fa78-4ba6-975f-1607b33f0dba","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-07ae4b1f-b1ff-4bb5-8fc3-1c887e2ad978","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afa4714c-4a59-4530-8697-9c4ee7de8052","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-d1edd2dd-9fbf-441f-8352-4fb4336c2406","keyframes":{"transform":["translate3d(-108.83191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a54ad003-d675-4cbb-b139-33e1b7041143","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4e07ee5-5ede-4bd5-867d-6f4383fdad08","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Under the new design, reels, long videos, and Facebook Live will by default be in full-screen, vertically oriented video when you tap on a video anywhere on the Facebook app.

The updated player will have improved recommendations for videos of all lengths based on users’ interests.

[{"selector":"#anim-7c494119-8203-47c0-8ee2-4e2328950d98 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(17.61912507974835%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-2f66f34c-b7ff-4986-ad23-a2c5abee8be7","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bf47ca41-2eaf-483c-8da4-73285c960115","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5a1579eb-816b-4c87-a1ce-efbadee0c076","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-95c25adc-fcf2-4dbd-bcf2-638ee0834004","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a336efa-a4f4-48c9-8ced-b8ef86e752bf","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7296263a-fa5f-4da0-bb25-a36ff3024acd","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

The full-screen portrait-oriented video format will also have new controls, which the company will roll out over the next few weeks, giving users the power to watch videos however they like.

[{"selector":"#anim-2bae5bcc-a793-4ca0-964e-ac3255b5d9f8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0.5668589380060906%, -7.719838817059429%) scale(1.352112676056338)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-149b9895-eab5-4ee4-8126-27cd3de57829","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d9e24c3-2e90-418e-b615-731c7ad13f0c","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-85869b55-93d1-45a9-8ace-990a9fcee036","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-b1587280-cbc4-48ca-95e3-416f661de079","keyframes":{"transform":["translate3d(-108.90804%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-38b613d8-7f96-4026-9f80-341edbf318e4","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ceceab8f-fc45-4f33-b9f9-d6ed1cc954a2","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

It is worth noting that the look of the site will completely transform. It will include a full-screen option on most horizontal videos that allows users to just flip their phone to watch the clip in landscape view.

[{"selector":"#anim-db49391a-a3cb-493d-807d-fa1e9a445905 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-10.372717090999501%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-cfce0482-fbfc-412b-a2fe-8f36f6ff8050","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f6241dc5-568c-421b-9860-980b9954def6","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8756fecd-c76a-44cb-bdab-d401be91db5c","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-1e281d58-5da3-4c42-873f-3a21bea0dd5e","keyframes":{"transform":["translate3d(-108.90804%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-155920cc-315e-444d-a58d-66372febab65","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a728bac2-f1a3-4f64-bcd2-1394765f6666","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Users can also easily skip to the part they’re most interested in using the slider at the bottom of the player.

[{"selector":"#anim-7ea9e6ae-268e-4dad-ad54-365d30a6175e [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-7d5ed883-0991-46a7-a2c2-96a58f764514","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bed2dd35-db25-422d-9d68-39e4a235e08a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3ead1565-f8cd-405f-9e29-21d040aab904","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-07d63286-0015-40be-a754-62a45e2353b8","keyframes":{"transform":["translate3d(-112.76595%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fcbcd426-2f8b-410f-aa04-452f6f0226e5","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a377847-11bc-4772-8660-52fbacec719b","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-894adf4a-0565-47e8-a383-7a7d1039f7fd [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ca1fef1c-729b-4752-9511-f6487dd9478c","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a7ab4ffe-5266-4338-9fe7-5b335428fd4f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-11e0e653-215e-4cbf-9a94-b24afdf36679","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-9021aa09-b283-4659-b570-984f1b13a752","keyframes":{"transform":["translate3d(-112.76595%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc222af3-a1f3-411c-b03b-c90f3a43ae82","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-397038e2-7ca3-4d4d-9e25-1d6c84bbf4d5","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Moreover, if you missed a part of the video, Meta now allows users to tap on the video to bring up controls. This control feature enables Facebook users to pause, jump back 10 seconds, and fast-forward through the parts they want to skip.

[{"selector":"#anim-1dde2b3f-eb2b-4db1-8449-a0b5a2b502df [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-1.0718920827972254%, -11.63957676165431%) scale(1.3623188405797102)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-36c0a705-5412-41e2-88d9-b40d31afc0cf","keyframes":{"transform":["translate3d(86.74377%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4703cde8-4d35-40c6-b98d-896931e7eaba","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3cda708e-ce0e-435e-941e-6abd3af5e3da","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-52a94d8b-e244-4e57-93c0-f5e9e3e96c2e","keyframes":{"transform":["translate3d(-110.6383%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ef1ce1b5-eb2a-4713-a581-11bf277276ad","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-15fbc935-cdc6-466e-bd54-0d56dffb25c8","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Meta also stated that outside of the updated video player, Facebook users would find more relevant video suggestions, regardless of length, on Feed and the Video Tab.

[{"selector":"#anim-30817fc9-2dcf-431d-b41a-99f6ce65d59e","keyframes":{"opacity":[0,1]},"delay":350,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7d26d4b5-6375-4ad3-8901-c5bc3cf72d2b","keyframes":{"transform":["translate3d(0px, 88.93298%, 0)","translate3d(0px, 0px, 0)"]},"delay":350,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8b51e786-ad5e-44af-acdd-9d277d0ec32d","keyframes":{"opacity":[0,1]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7adfe822-3568-49a2-86d0-c5876e9d2b91","keyframes":{"transform":["translate3d(114.42007%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]