HTML视频
开发工具与关键技术:DW HTML
作者:尘则
撰写时间:2021/10/8
首先,在 HTML 中播放视频很麻烦,有不少问题。像是游览器不支持某些标签,导致视频无法播放。今天各位说些我遇到的问题还有解决方法。
第一个:<embed> 标签
<embed> 标签的作用是在 HTML 页面中嵌入多媒体元素。
下面的 HTML 代码显示嵌入网页的 Flash 视频:
<embed src= "MyVideo_1.swf" height="300" width="400"/>
注意:
1.HTML4 无法识别 <embed> 标签。您的页面无法通过验证。
2.如果浏览器不支持 Flash,那么视频将无法播放
3.iPad 和 iPhone 不能显示 Flash 视频。
4.如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。
第二个:<object> 标签
<object> 标签的作用是在 HTML 页面中嵌入多媒体元素。
下面的 HTML 片段显示嵌入网页的一段 Flash 视频:
<object data="movie.swf" height="300" width="400"/>
注意:
1.如果浏览器不支持 Flash,将无法播放视频。
2.IPad 和 iPhone 不能显示 Flash 视频。
3.如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。
最好的 HTML 解决方法:
<div class="rf">
<video width="400" height="300" controls="controls">
<source src= "MyVideo_1.mp4" type="video/mp4" />
<source src= "MyVideo_1.ogg" type="video/ogg" />
<source src= "MyVideo_1.wedm" type="video/webm" />
<object data= "MyVideo_1.mp4" width="400" height="300">
<embed src="movie.swf" width="400" height="300" />
</object>
</video>
</div>
上例中使用了 4 中不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素。
注意:
1.您必须把视频转换为很多不同的格式
2.<video> 元素无法通过 HTML 4 和 XHTML 验证。
3.<embed> 元素无法通过 HTML 4 和 XHTML 验证。
注释:使用 <!DOCTYPE html> (HTML5) 解决验证问题。
这些是我所知到的HTML视频,所以我要分享给你们,希望可以帮助到你们。以上就是我的分享,萌新出道,请多指教。
如果有更好的方法欢迎在评论区教导和提问喔!