xhtml-video
Advanced tools
xhtml-video intends to be an accessible, lightweight and a design-agnostic video player for xhtml. The main purpose of this project was to offer a way to use video player capabilities of modern browsers on xHtml documents
A jQuery plugin to use object based video instead of html5 tags
xhtml-video intends to be an accessible, lightweight and a design-agnostic video player for xhtml. The main purpose of this project was to offer a way to use video player capabilities of modern browsers on xHtml documents
It's simple, accessible and can be used with strict xHtml pages.
In a web page, just include jquery.js then the jquery.xhtml-video.js file.
xhtml-video is intended to be applied on object tags.
Here is an example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>video</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="jquery.xhtml-video.js"></script>
<script type="text/javascript">
$(function(){
$('object[type="video/ogg"]').xhtmlvideo();
$('object[type="video/quicktime"]').xhtmlvideo();
});
</script>
</head>
<body>
<div>
<object type="video/ogg" data="/video/big_buck_bunny_480p_stereo.ogv" width="854" height="480">
<p><a type="video/ogg" href="/video/big_buck_bunny_480p_stereo.ogv">download this video</a></p>
</object>
<object type="video/quicktime" data="/video/big_buck_bunny_480p_h264.mov" width="854" height="480">
<p><a type="video/quicktime" href="/video/big_buck_bunny_480p_h264.mov">download this video</a></p>
</object>
</div>
</body>
</html>
So here is the deal:
object tag is replaced by an img tag. One click on the image will play the video, an other click will pause it.FAQs
xhtml-video intends to be an accessible, lightweight and a design-agnostic video player for xhtml. The main purpose of this project was to offer a way to use video player capabilities of modern browsers on xHtml documents
The npm package xhtml-video receives a total of 10 weekly downloads. As such, xhtml-video popularity was classified as not popular.
We found that xhtml-video demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Multiple high-impact npm maintainers confirm they have been targeted in the same social engineering campaign that compromised Axios.
Security News
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.