La vidéo HTML convient à HTML 5+ et est utilisée pour définir des vidéo médias en streaming pour la visualisation en ligne. Voici une brève introduction pour la commodité des amis qui en ont besoin
HTML.
<video width ="320" height ="240" src="m.sbmmt.com/movie.ogg" controls="controls">
Voici le texte du commentaire. Si le navigateur ne prend pas en charge HTML 5, le texte ici sera affiché. Si elle est prise en charge, la vidéo sera affichée directement et le texte sera ignoré.
Dans HTML 4 et versions antérieures, si vous souhaitez intégrer une vidéo pour une visualisation en ligne dans une page Web, vous devez généralement utiliser le streaming vidéo Flash, en utilisant < ;object> et la balise
Attributs | Valeur | Description |
---|---|---|
lecture automatique | lecture automatique | Si cet attribut est présent, la vidéo sera lue dès qu'elle sera prête. |
contrôles | contrôles | Si cet attribut apparaît, les contrôles sont affichés à l'utilisateur, comme la lecture bouton. |
hauteur | Valeur du pixel | Définit la hauteur du lecteur vidéo. |
loop | loop | Si cet attribut apparaît, la lecture recommencera une fois la lecture du fichier multimédia terminée. |
preload | auto/meta/none | Spécifie s'il faut précharger la vidéo, valeurs possibles : auto - charger lorsque la page est chargé Charger la vidéo entière méta - ne charger les métadonnées que lorsque la page se chargenone - 当页面加载后不载入视频 |
* src | 视频地址 | 要播放的视频的 URL,建议使用绝对地址。 |
width | 像素值 | 设置视频播放器的宽度。 |
如何写兼容的视频标签?
由于旧的浏览器和Internet Explorer不支持
<video width="320" height="240" controls> <!-- 兼容 Firefox --> <source src="http://www.jb51.net/ movie.ogg" type="video/ogg" /> <!-- 兼容 Safari/Chrome--> <source src="http://www.jb51.net/ movie.mp4" type="video/mp4" /> <!-- 如果浏览器不支持video标签,则使用flash --> <embed src="http://www.jb51.net/ movie.swf" type="application/x-shockwave-flash" width="320" height="240" allowscriptaccess="always" allowfullscreen="true"></embed> </video>
【相关推荐】
1. 免费h5在线视频教程
2. HTML5 完整版手册
5. IIS的MIME未注册MP4类型,导致无法识别vidoe标签的解决办法
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!