首页 > 编程 > HTML > 正文

HTML 视频

2020-03-24 17:19:24
字体:
来源:转载
供稿:网友
video width= 320 height= 240 controls= controls source src= movie.mp4 type= video/mp4 / source src= movie.ogg type= video/ogg / source src= movie.webm type= video/webm / object data= movie.mp4 width= 320 height= 240 embed src= movie.swf width= 320 height= 240 / /object /video

亲自试一试


您需要谙熟大量技巧,以确保您的视频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。

在本章,W3School 为您总结了问题和解决方法。


HTML4 无法识别 embed 标签。您的页面无法通过验证。如果浏览器不支持 Flash,那么视频将无法播放iPad 和 iPhone 不能显示 Flash 视频。如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。
iPad 和 iPhone 不能显示 Flash 视频。如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。
video width= 320 height= 240 controls= controls source src= movie.mp4 type= video/mp4 / source src= movie.ogg type= video/ogg / source src= movie.webm type= video/webm / Your browser does not support the video tag. /video

亲自试一试


video width= 320 height= 240 controls= controls source src= movie.mp4 type= video/mp4 / source src= movie.ogg type= video/ogg / source src= movie.webm type= video/webm / object data= movie.mp4 width= 320 height= 240 embed src= movie.swf width= 320 height= 240 / /object /video

亲自试一试

上例中使用了 4 中不同的视频格式。HTML 5 video 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败,则回退到 embed 元素。


如果您希望在网页中播放视频,那么您可以把视频上传到优酷等视频网站,然后在您的网页中插入 HTML 代码即可播放视频:

 embed src= http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf width= 480 height= 400 type= application/x-shockwave-flash  /embed 

亲自试一试


如果网页包含指向媒体文件的超链接,大多数浏览器会使用“辅助html' target='_blank'>应用程序”来播放文件。

以下代码片段显示指向 AVI 文件的链接。如果用户点击该链接,浏览器会启动“辅助应用程序”,比如 Windows Media Player 来播放这个 AVI 文件:

 a href= movie.swf Play a video file /a 

亲自试一试


如果您打算在 web 应用程序中使用内联视频,您需要意识到很多人都觉得内联视频令人恼火。

同时请注意,用户可能已经关闭了浏览器中的内联视频选项。

我们最好的建议是只在用户希望看到内联视频的地方包含它们。一个正面的例子是,在用户需要看到视频并点击某个链接时,会打开页面然后播放视频。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

上一篇:HTML Server

下一篇:HTML5 语义元素

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表