首页 >web前端 >html教程 > 正文

html5如何播放视频

原创2021-10-29 18:46:280838

html5播放视频的方法:1、使用video标签,语法“<video src="要播放的视频的URL" ></video>”;2、使用embed标签,语法“<embed src="要播放的视频的URL" />”。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

在 HTML 中播放视频的方法有很多种,其中html5有两种方法:

标签描述
<video>标签定义声音,比如音乐或其他音频流。
<embed>标签定义嵌入的内容,比如插件。

使用<video>

<video> 标签定义视频,比如电影片段或其他视频流。

<!DOCTYPE HTML>
<html>
<body>

<video src="/i/movie.ogg" controls="controls">
your browser does not support the video tag
</video>

</body>
</html>

效果图:

1.png

使用<embed>

<embed> 标签定义嵌入的内容,比如插件。

<!DOCTYPE HTML>
<html>
<body>

<embed src="/i/movie.ogg" />

</body>
</html>

2.png

推荐教程:《html视频教程

以上就是html5如何播放视频的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html5 播放视频
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么将文本文件转数组类651
    php怎么判断是不是文件352
    怎么用php打开文件和关闭文件778
    推荐视频教程
  • HTML5+CSS3快速入门视频教程HTML5+CSS3快速入门视频教程
  • html5基础知识入门视频教程html5基础知识入门视频教程
  • html5教程:六小时玩转js与字符串视频教程-千锋教育html5教程:六小时玩转js与字符串视频教程-千锋教育
  • HTML5入门基础视频教程HTML5入门基础视频教程
  • HTML5新特性基础视频教程HTML5新特性基础视频教程
  • 野秀堂HTML5+CSS3视频教程野秀堂HTML5+CSS3视频教程
  • 视频教程分类