Skip to main content
SimilarExport ZIP
100%

On Surftourist.com we've had some people putting in a vimeo or youtube link in their descriptions. We want to support video properly, but this is a quick attempt at addressing the solution for the meantime.

✓ Published0🌍 Public
DDylanFM
Last edited Jun 9, 2011
Created on Jun 9, 2011

This example shows how user-submitted descriptions on Surftourist.com can automatically detect YouTube and Vimeo links and replace them with embedded video players. The code searches an element’s HTML for matching URLs using a regular expression, then for each match it queries either Vimeo’s oEmbed API or Embedly’s oEmbed endpoint (for YouTube) via JSONP, and finally swaps the original link with the returned HTML embed code. The rendering approach relies on jQuery’s `$.ajax` for cross-domain requests, with a maximum embed height of 300 pixels.

AI-generated description

Similar vizzes

Loading thumbnail…

Untitled

This example presents a minimal HTML page that embeds a YouTube video. The page uses an iframe to load the video player, with the embed URL pointing to a specific video ID. The code is a bare-bones skeleton, containing only the essential document structure and the iframe element, with no additional styling or JavaScript libraries. It demonstrates how to directly incorporate external media content into a web page using standard HTML.

RRui Nian
59% match
Loading thumbnail…

Fork of Fork of Hello HTML

This example demonstrates a minimal HTML page that displays a YouTube video embed and placeholder text from a README. It shows how a bare-bones web document can include external media through an iframe, with no additional JavaScript or styling libraries. The page relies solely on native HTML elements and the YouTube embed URL, without any data visualization or interactive features. It functions as a starting point for understanding basic HTML structure and embedding, where the visible content is the video player and the document title.

JjulianR-coding
58% match
Loading thumbnail…

video display

This example displays a responsive embedded YouTube video within a D3.js v4 page, using an HTML iframe inside a styled video container. The container maintains a 16:9 aspect ratio with padding and positioning, while the iframe fills the available space. No data visualization or D3 API calls are present; the code solely handles video presentation through standard HTML and CSS.

BBrieLewis
58% match
Loading thumbnail…

Untitled

This example demonstrates a responsive HTML page embedding a YouTube video player alongside custom-styled text content, with layout and typography controlled entirely through basic CSS. The visualization itself is simply an iframe-based media element using the YouTube embed API, scaled to fit within a fixed 560×315 pixel frame. The accompanying HTML structure and stylesheet define a clean, minimal gallery presentation, with no JavaScript-driven data binding or charting libraries involved. The rendering approach relies solely on native browser iframe handling, making it a static, non-interactive demonstration of web layout rather than data visualization.

钱钱姿青
58% match
Loading thumbnail…

Untitled

This example presents a simple interactive scene using an embedded YouTube video within a bare-bones HTML page. The main visualization is a video player that users can control directly. The page’s code, primarily in `index.html`, likely relies on the standard HTML `<iframe>` element and the YouTube player API for playback. No additional data sources or complex rendering libraries like D3 or Three.js are present; the focus is solely on embedding and displaying a single video via the provided URL.

SSaai Sudarsanan D
57% match
Loading thumbnail…

Untitled

This example displays a single embedded YouTube video within a bare-bones HTML page titled “Fork 123 of Hello HTML.” The page contains no interactive data visualization; instead, it relies on an `<iframe>` to load the video player from YouTube’s embed API. The code uses standard HTML elements (`<h1>`, `<body>`, `<iframe>`) with no external JavaScript libraries or rendering techniques. The visualization is static, showing only the video player and heading text as its entire content.

HHuchenhaoArvin
57% match
Loading thumbnail…

Untitled

This example presents a video-based visualization embedded within a minimal HTML page. The code relies on an iframe to stream YouTube content directly, rather than generating a custom graphic. It does not employ JavaScript plotting libraries or data-processing APIs. The rendering approach is simple web embedding via the standard iframe element, with no native visualization framework. The visualization’s meaning depends entirely on the external video source, which supplies the narrative and graphical content.

SSebastian Ruggero
56% match
Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal HTML page that embeds a YouTube video, with the page itself containing no visualizations or data displays. The code includes a basic HTML structure with a title and an empty body, while the main content is an iframe referencing a video from YouTube. The example uses standard HTML iframe embedding to load external media, but does not incorporate any JavaScript libraries, data processing, or charting APIs. It serves as a bare-bones template for integrating video content into a web page, highlighting how HTML alone can present multimedia without additional visualization tools.

Zzied1997
56% match