cloudflare · kodster28 · Apr 4, 2025 · Apr 4, 2025
@@ -58,7 +58,7 @@ To create, list, delete, or get information about the profile, you will need you
 
   * Stream will make sure that the watermark will be at about the same position across videos with different dimensions.
 
-* `scale` float default: 0.15 
+* `scale` float default: 0.15
 
   * The size of the watermark relative to the overall size of the video. This parameter will adapt to horizontal and vertical videos automatically. 0.0 means no scaling (use the size of the watermark as-is), and 1.0 fills the entire video.
 
@@ -70,7 +70,7 @@ To create, list, delete, or get information about the profile, you will need you
 
     :::note
 
-    Note that `center` will ignore the `padding` parameter. 
+    Note that `center` will ignore the `padding` parameter.
     :::
 
 

@@ -124,9 +124,9 @@ Media Transformations are currently in beta. During this period:
 
 Media Transformations will be free for all customers while in beta.
 
-After that, Media Transforamtions and Image Transformations will use the same subscriptions and usage metrics. 
+After that, Media Transforamtions and Image Transformations will use the same subscriptions and usage metrics.
 
-- Generating a still frame (single image) from a video counts as 1 transformation. 
-- Generating an optimized video counts as 1 transformation _per second of the output_ video. 
-- Each unique transformation is only billed once per month. 
+- Generating a still frame (single image) from a video counts as 1 transformation.
+- Generating an optimized video counts as 1 transformation _per second of the output_ video.
+- Each unique transformation is only billed once per month.
 - All Media and Image Transformations cost $0.50 per 1,000 monthly unique transformation operations, with a free monthly allocation of 5,000.
@@ -26,7 +26,7 @@ Multiple attributes can be used together, added one after each other like this:
   :::note
   To disable video autoplay, the `autoplay` attribute needs to be removed altogether as this attribute. Setting `autoplay="false"` will not work; the video will autoplay if the attribute is there in the `<stream>` tag.
 
-  In addition, some browsers now prevent videos with audio from playing automatically. You may add the `mute` attribute to allow your videos to autoplay. For more information, go [here](https://webkit.org/blog/6784/new-video-policies-for-ios/). 
+  In addition, some browsers now prevent videos with audio from playing automatically. You may add the `mute` attribute to allow your videos to autoplay. For more information, go [here](https://webkit.org/blog/6784/new-video-policies-for-ios/).
   :::
 
 * `controls` boolean
@@ -50,7 +50,7 @@ Multiple attributes can be used together, added one after each other like this:
   * This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. You may choose to include this attribute as a boolean attribute without a value, or you may specify the value `preload="auto"` to preload the beginning of the video. Not including the attribute or using `preload="metadata"` will just load the metadata needed to start video playback when requested.
 
   :::note
-  The `<video>` element does not force the browser to follow the value of this attribute; it is a mere hint. Even though the `preload="none"` option is a valid HTML5 attribute, Stream player will always load some metadata to initialize the player. The amount of data loaded in this case is negligible. 
+  The `<video>` element does not force the browser to follow the value of this attribute; it is a mere hint. Even though the `preload="none"` option is a valid HTML5 attribute, Stream player will always load some metadata to initialize the player. The amount of data loaded in this case is negligible.
   :::
 
 * `poster` string

@@ -16,9 +16,9 @@ If you have a video over 200 MB, we recommend using the [tus protocol](https://t
 
 ## Prerequisites
 
-Before you can upload a video using tus, you will need to download a tus client. 
+Before you can upload a video using tus, you will need to download a tus client.
 
-For more information, refer to the [tus Python client](https://github.com/tus/tus-py-client) which is available through pip, Python's package manager. 
+For more information, refer to the [tus Python client](https://github.com/tus/tus-py-client) which is available through pip, Python's package manager.
 
 ```python title="Install Python client"
 pip install -U tus.py
@@ -28,7 +28,7 @@ pip install -U tus.py
 
 ```sh title="Upload using tus"
 tus-upload --chunk-size 52428800 --header \
-Authorization "Bearer <API_TOKEN>" 
+Authorization "Bearer <API_TOKEN>"
 <PATH_TO_VIDEO> https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/stream
 ```
 

@@ -70,6 +70,6 @@ You can optionally use [webhooks](/stream/manage-video-library/using-webhooks/)
 }
 ```
 
-After the video is uploaded, you can use the video `uid` shown in the example response above to play the video using the [Stream video player](/stream/viewing-videos/using-the-stream-player/). 
+After the video is uploaded, you can use the video `uid` shown in the example response above to play the video using the [Stream video player](/stream/viewing-videos/using-the-stream-player/).
 
 If you are using your own player or rendering the video in a mobile app, refer to [using your own player](/stream/viewing-videos/using-the-stream-player/using-the-player-api/).
@@ -86,8 +86,8 @@ Player options are configured with querystring parameters in the iframe's `src`
 
     :::caution
 
-    Some browsers now prevent videos with audio from playing automatically. You may set `muted` to `true` to allow your videos to autoplay. For more information, refer to [New `<video>` Policies for iOS](https://webkit.org/blog/6784/new-video-policies-for-ios/). 
-    
+    Some browsers now prevent videos with audio from playing automatically. You may set `muted` to `true` to allow your videos to autoplay. For more information, refer to [New `<video>` Policies for iOS](https://webkit.org/blog/6784/new-video-policies-for-ios/).
+
     :::
 
 * `controls` default: `true`
@@ -130,7 +130,7 @@ Player options are configured with querystring parameters in the iframe's `src`
     :::note
 
     The `<video>` element does not force the browser to follow the value of this option; it is a mere hint. Even though the `preload="none"` option is a valid HTML5 option, Stream player will always load some metadata to initialize the player. The amount of data loaded in this case is negligible.
-    
+
     :::
 
 * `poster` defaults to the first frame of the video

@@ -1,6 +1,6 @@
 ---
 pcx_content_type: navigation
-title: WebRTC 
+title: WebRTC
 sidebar:
   badge:
     text: Beta
@@ -19,7 +19,7 @@ WebRTC is ideal for when you need live video to playback in near real-time, such
 
 :::note
 
-WebRTC streaming is currently in beta, and we'd love to hear what you think. Join the Cloudflare Discord server [using this invite](https://discord.com/invite/cloudflaredev/) and hop into our [Discord channel](https://discord.com/channels/595317990191398933/893253103695065128) to let us know what you're building with WebRTC! 
+WebRTC streaming is currently in beta, and we'd love to hear what you think. Join the Cloudflare Discord server [using this invite](https://discord.com/invite/cloudflaredev/) and hop into our [Discord channel](https://discord.com/channels/595317990191398933/893253103695065128) to let us know what you're building with WebRTC!
 
 :::
 
@@ -53,7 +53,7 @@ Paste this URL into the example code.
 // Add a <video> element to the HTML page this code runs in:
 // <video id="input-video" autoplay muted></video>
 
-import WHIPClient from "./WHIPClient.js"; 
+import WHIPClient from "./WHIPClient.js";
 
 const url = "<WEBRTC_URL_FROM_YOUR_LIVE_INPUT>"; // add the webRTC URL from your live input here
 const videoElement = document.getElementById("input-video");
@@ -74,7 +74,7 @@ Paste this URL into the example code.
 // Add a <video> element to the HTML page this code runs in:
 // <video id="output-video" autoplay muted></video>
 
-import WHEPClient from "./WHEPClient.js"; 
+import WHEPClient from "./WHEPClient.js";
 
 const url = "<WEBRTC_URL_FROM_YOUR_LIVE_INPUT>"; // add the webRTCPlayback URL from your live input here
 const videoElement = document.getElementById("output-video");