Maison  >  Article  >  interface Web  >  Exemple de code pour l'utilisation de la balise vidéo h5

Exemple de code pour l'utilisation de la balise vidéo h5

零下一度
零下一度original
2018-05-15 10:30:205269parcourir

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. 39000f942b2545a5315c57fa3276f220 convient à HTML 5+, utilisé pour définir le streaming vidéo pour la visualisation en ligne.

<video 
width
="320" 
height
="240" src="www.php.cn/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é.
a6a9c6d3f311dabb528ad355798dc27d

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 d8e2720730be5ddc9c2a3782839e8eb6, vous pouvez lire des fichiers vidéo au format swf, flv et autres via le navigateur, mais le principe est que le navigateur doit installer un plug-in tiers : Adobe Flash Player. Les smartphones et iPads modernes ne prennent généralement pas en charge Flash et ne peuvent donc pas parcourir les vidéos sur le Web. HTML 5 a changé ce fait. Les développeurs Web n'ont besoin que d'utiliser la balise 39000f942b2545a5315c57fa3276f220 pour charger facilement des fichiers vidéo sans aucun plug-in tiers.

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不支持39000f942b2545a5315c57fa3276f220元素,考虑到兼容性,我们必须为这些浏览器找到一个支持Flash文件的解决方案。不幸的是,和HTML 5音频一样,涉及到视频的文件格式,Firefox 和 Safari/Chrome 的支持方式并不相同。因此,如果你想在这个时候使用HTML 5视频,则需要创建三个视频版本。OGG,MP4,FLV/SWF

<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 完整版手册

3. php.cn原创html5视频教程

4. H5 video标签只能放声音不能放视频的解决办法

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn