PrimeFlow Media and Link Nodes
Place images, YouTube videos, X posts, and web bookmarks on a PrimeFlow canvas.
PrimeFlow has four nodes for putting media and references on a canvas:
- Image - photos, screenshots, and picked Unsplash images.
- YouTube - videos embedded inline with a direct send-to-player action.
- X (Twitter) - posts embedded from x.com.
- Web Link - a card-style bookmark for any page on the web.
Use them to illustrate a map, keep a reference video next to a project, pin a tweet to a campaign canvas, or bookmark the articles you want on hand while you work.
What you can do
Place an image
from Unsplash, an upload, or a URL.
View an image full size
then copy it, save it, or open the original.
Embed a YouTube video
and send it to PrimeTask's universal Picture-in-Picture player.
Embed an X post
and click through to the original on x.com.
Save a web link
as a bookmark card and open it in your default browser.
Caption, resize, and replace
media nodes as the canvas evolves.
Connect media and links
to other nodes to show context.
Image node
How to add
- From the Node Library - drag Image onto the canvas.
- From the canvas right-click menu - choose Image.
When you add an image, the image picker opens so you can choose where it comes from.
Where images can come from
- Unsplash - browse and search the Unsplash library and pick a photo. PrimeTask credits the photographer automatically in the caption.
- Upload from disk - pick an image file from your computer.
- Paste an image URL - any direct image link works.
Captions
Each image node has an optional caption you can edit inline. You can hide or show the caption on the canvas.
View an image full size
Double-click an image node to fill the screen with the picture. It stays the same whatever size the node is and whatever zoom you are working at.
While it is open you can:
- Copy the picture to your clipboard, ready to paste into a message, a document, or a task
- Download a picture kept in this Space, saved under the node's name
- Open original for a picture that lives at a web address, which opens it in your browser
- Read the caption, shown across the bottom when you have chosen to show it
Press Escape, click anywhere, double-click again, or use the close button to go back to the canvas.
Replace and resize
Replace the image at any time from the node, and resize it freely - the node preserves the image across resizes.
Unsplash photos include attribution
When you pick a photo from Unsplash, PrimeTask fills in a caption with the photographer's name so the credit stays with the image.
YouTube node
How to add
- From the Node Library - drag YouTube onto the canvas.
- From the canvas right-click menu - choose YouTube.
Paste a YouTube link into the node to set the video.
Watch on the canvas
The video embeds inline on the canvas. Play, pause, and scrub from the embed.
Send to the universal media player
Send the video to PrimeTask's Picture-in-Picture media player, and it keeps playing as you switch Spaces, move between pages, or leave PrimeFlow. See Media Player.
Open on youtube.com
Open the video in your default browser when you want the full YouTube page.
Replace and resize
Replace the linked video at any time, and resize the node freely.
Auto-play and hover preview do not apply to YouTube
FlowMode's Auto-play media and the canvas Play Media on Hover setting play audio and video file nodes on their own. A YouTube node is an embedded video, so a Journey does not start it automatically and it does not play on hover. Play it from the node's own controls, or send it to the floating player. When you want media to play by itself during a guided Journey, use an audio or video file node instead. See PrimeFlow File and PDF Nodes and PrimeFlow FlowMode.
Keep references playing while you work
Send a tutorial video to the floating player, then expand, navigate, or plan elsewhere without stopping playback.
X (Twitter) node
How to add
- From the Node Library - drag X onto the canvas.
- From the canvas right-click menu - choose X.
Paste an X post URL into the node to set the post.
See the post on the canvas
The post embeds inline on the canvas as it appears on x.com.
Open on x.com
Click through to the original post on x.com in your default browser.
Replace and resize
Replace the linked post at any time, and resize the node freely.
Web Link node (bookmark)
How to add
- From the Node Library - drag Web Link onto the canvas.
- From the canvas right-click menu - choose Web Link.
A small dialog opens for the URL, title, and optional description. PrimeTask fills what it can automatically when you paste a URL.
The bookmark card
A Web Link node shows the page title, an optional description, the domain with its favicon, and the full URL.
Double-click to open in your default browser
Double-clicking the bookmark opens the page in your default browser - no tab inside PrimeTask.
Edit the bookmark
Use the edit action on the node to update the URL, title, or description. The same dialog that created the bookmark handles edits.
Resize
Resize the card so it sits well on the canvas.
Use bookmarks as a reading shelf
Pin the articles, dashboards, and tools you want at hand for a project on the same canvas the project lives on.
Connections
Media and link nodes can connect to other nodes on the canvas. Use connections to tie:
- A reference image to a project or task
- A tutorial video to the work it explains
- An X post to a campaign canvas
- A bookmark to the topic it supports
For connection behavior, see PrimeFlow Connections and Edges.
Color theme support
All four media and link nodes follow the canvas color theme and any per-node appearance override so chrome stays readable with any theme. Appearance is canvas-only.
Things worth knowing
Media and link nodes aren't tied to any record
They sit on the canvas for reference - they're not linked to tasks, projects, or CRM records. Use connections if you want to show which record an image, video, post, or link relates to.
Images are saved with your canvas
Uploaded images travel with the canvas. When iCloud Sync is enabled on macOS, images are available across your devices that share the Space.
YouTube embeds everywhere use the same player
The floating Picture-in-Picture player is shared across task notes, project notes, and PrimeFlow. One player, one playback, however you got there.
Clicking a bookmark opens in your default browser
PrimeTask does not open links inside the app - double-clicking a Web Link node opens the page in the browser you use.
Common questions
"How do I upload my own image?"
Drop an Image node, then use the upload option in the picker. You can also paste a direct image URL.
"Are Unsplash photos free to use?"
Unsplash photos are available for use under Unsplash's own licence. PrimeTask fills the image's caption with photographer attribution automatically.
"How do I send a YouTube video to the floating player?"
Use the send-to-player action on the YouTube node. The video keeps playing as you work anywhere in PrimeTask. See Media Player.
"Does a YouTube node auto-play when a FlowMode Journey reaches it?"
No. FlowMode's auto-play and the Play Media on Hover setting apply to audio and video file nodes, not YouTube embeds. Use the YouTube node's own controls or the floating player, or add an audio or video file node when you want media to play by itself. See PrimeFlow FlowMode.
"Can I edit a bookmark after I save it?"
Yes. Use the edit action on the Web Link node to change the URL, title, or description.
"Can I resize media on the canvas?"
Yes. All four node types resize freely.
Where to go next
| If you want to… | Read this |
|---|---|
| Play YouTube in the floating player | Media Player |
| Use file, folder, and PDF nodes | PrimeFlow File and PDF Nodes |
| Auto-play audio and video in a guided Journey | PrimeFlow FlowMode |
| Write long-form documentation on a canvas | PrimeFlow Documentation Node |
| Add quick annotations | PrimeFlow Notes and Stickers Nodes |
| Embed YouTube in task notes | Task Notes |
| Embed YouTube in project notes | Project Notes |