项目6-1视频播放器

最新推荐文章于 2022-05-07 19:58:02 发布

全栈的魅力

最新推荐文章于 2022-05-07 19:58:02 发布

阅读量1k

点赞数

本文链接：https://blog.youkuaiyun.com/m0_46444569/article/details/105861933

版权

本文详细介绍了如何从零开始开发一个视频播放器项目，涵盖了关键的技术点，包括视频解码、播放控制、用户界面设计等，旨在帮助读者掌握多媒体应用开发的基础技能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>视频播放器</title>
    <link rel="stylesheet" type="text/css" href="css/video.css" />
</head>
<body >
<video id="myVideo"  width="630">
    <!--判断是否支持其播放器-->
    <source src="video/myVideo.ogg" type="video/ogg"/>
    <source src="video/myVideo.webm" type="video/webm"/>
    <source src="video/myVideo.mp4" type="video/mp4"/>
    您的浏览器不支持video标签
</video>
<br />
<button id="playPause" onclick="playPause();">播放</button>
<button onclick="goBack(5);">快进5秒</button>
<button onclick="goBack(-5);">快退5秒</button>
<button onclick="volume