Video tag

Posted on Edited on In Views: Disqus:

 

如果想像 YouTube 一樣可以嵌入影片時，則可以利用 Video tag

如下範例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
</head>
<body>
    <video width="320" height="240" controls autoplay>
        <source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4">
        <source src="http://www.w3schools.com/tags/movie.ogg" type="video/ogg">
        Your browser does not support the video tag.
    </video>
</body>
</html>

而 Video tag 可用的屬性有 autoplay、controls、loop、muted、poster、preload、src、height、width，

Video tag 還蠻簡單的並不難學。

 

參考資料：

HTML <video> Tag