Media Fragments URI

Developer
Tomoyuki Kashiro
Size
1,753 Kb
Views
12,144
  1. Media Fragments URI Previews
  2. Media Fragments URI HTML Codes
  3. Media Fragments URI CSS Codes

How do I make an media fragments uri?

What is a media fragments uri? How do you make a media fragments uri? This script and codes were developed by Tomoyuki Kashiro on 19 January 2023, Thursday.

Media Fragments URI Previews
IQ Test

Media Fragments URI - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Media Fragments URI</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>Media Fragments URI</h1>
<p>You can play media from certain time using fragments. <br />
Almost browser support it including mobile browser.</p>
<h2>from 0s ( no fragments )</h2>
<video class="video" muted controls> <source type="video/webm" src="http://tomoyukikashiro.me/sample/video/landscape.webm"> <source type="video/mp4" src="http://tomoyukikashiro.me/sample/video/landscape.mp4">
</video>
<h2>from 3s ( #t=3 )</h2>
<video class="video" muted controls> <source type="video/webm" src="http://tomoyukikashiro.me/sample/video/landscape.webm#t=3"> <source type="video/mp4" src="http://tomoyukikashiro.me/sample/video/landscape.mp4#t=3">
</video>
<h2>from 3s to 5 ( #t=3,5 )</h2>
<video class="video" muted controls> <source type="video/webm" src="http://tomoyukikashiro.me/sample/video/landscape.webm#t=3,5"> <source type="video/mp4" src="http://tomoyukikashiro.me/sample/video/landscape.mp4#t=3,5">
</video>
</body>
</html>

Media Fragments URI - Script Codes CSS Codes

video { max-width: 320px; width: 100%;
}
Media Fragments URI - Script Codes
Media Fragments URI - Script Codes
Home Page Home
Developer Tomoyuki Kashiro
Username Tkashiro
Uploaded January 19, 2023
Rating 3
Size 1,753 Kb
Views 12,144
Do you need developer help for Media Fragments URI?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tomoyuki Kashiro (Tkashiro) Script Codes
Name
Spotlight Effect
Auto complete
Hashing search algorithm in JavaScript
3 lines menu button
CSS Slideshow
Binary search algorithm in JavaScript
Bubble sort algorithm in JavaScrip
Simple sort algorithm in JavaScrip
Quick sort algorithm in JavaScrip
Simple arc animation
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!