View images and videos

import {Steps, TabItem, Tabs} from "@astrojs/starlight/components";

import KeyboardTip from "../../components/KeyboardTip.astro"; import ZulipTip from "../../components/ZulipTip.astro"; import ImagesAndVideosIntro from "../include/_ImagesAndVideosIntro.mdx";

import CopyIcon from "~icons/zulip-icon/copy";

You'll also see previews of linked images and videos, unless they are disabled in your organization.

Use the image viewer

<Tabs> <TabItem label="Desktop/Web"> <Steps> 1. Click an image preview to open the **image viewer**. 1. You can interact with the image. * Zoom in and out of the image * Click and drag the image * **Reset zoom** so that the image is recentered and back to its original size * **Open** the image in a new browser tab * **Download** the image 1. Click anywhere outside the image to close the image viewer once you are done. </Steps>

<KeyboardTip>
  Use <kbd>V</kbd> to **open** the image viewer. Use <kbd>Shift</kbd> +
  <kbd>Z</kbd> and <kbd>Z</kbd> to zoom in and out of the image. Use
  <kbd>V</kbd> or <kbd>Esc</kbd> to **close** the image viewer.
</KeyboardTip>

</TabItem> <TabItem label="Mobile"> <Steps> 1. Tap an image preview to open the **image viewer**. 1. You can interact with the image. * Zoom in and out of the image * Pan the image if you are zoomed in * Tap the **copy** (<CopyIcon />) icon in the bottom left corner of the app to copy a link to the image 1. Tap the **X** in the upper left corner of the app to close the image viewer once you are done. </Steps> </TabItem> </Tabs>

Use the video player

<Tabs> <TabItem label="Desktop/Web"> <Steps> 1. Click a video thumbnail to open the **video player**. 1. You can interact with the video. * **Play** the video * Adjust the **volume** * Watch in **full screen** mode * **Open** the video in a new browser tab * **Download** the video if it was uploaded to Zulip * Adjust **playback speed** * Turn on **picture-in-picture** 1. Click anywhere outside the video to close the video player once you are done. </Steps>

<KeyboardTip>
  Use <kbd>V</kbd> to **open** the video player.
  Use <kbd class="arrow-key">↑</kbd> and <kbd class="arrow-key">↓</kbd>
  to increase or decrease the volume.
  Use <kbd>V</kbd> or <kbd>Esc</kbd> to **close** the video player.
</KeyboardTip>

</TabItem> <TabItem label="Mobile"> <Steps> 1. Tap a video thumbnail, link, or file name to open the video in your device's default browser. 1. You can switch back to the Zulip app once you are done. </Steps> </TabItem> </Tabs>

Browse images and videos

In the Zulip desktop or web app, you can browse the images and videos in the current view. For example, if you're in a channel view, you'll be able to browse through all the images and videos in that channel. If you do a search, the viewer will display all the images and videos in messages matching that search.

<Tabs> <TabItem label="Desktop/Web"> <Steps> 1. Click an image preview or video thumbnail to open the viewer. 1. Browse by using the left and right arrow buttons at the bottom of the viewer. 1. Click any image or video to display it. </Steps>

<KeyboardTip>
  Use <kbd>V</kbd> to **open** the viewer. Use
  <kbd class="arrow-key">←</kbd> and <kbd class="arrow-key">→</kbd>
  to scroll through the collection of images and videos.
</KeyboardTip>

</TabItem> </Tabs>

Use the image viewer

Use the video player

Browse images and videos

Related articles