在html中,如何插入视频放到指定位置

在html中,如何插入视频放到指定位置,第1张

<video poster="预加载图像的文件路径" controls="controls" >

    <source src="视频文件路径" />

    <object data="视频文件路径" ></object>

</video>

把以上代码放到你想要的位置的盒子中即可。

<style>

video{

width: 100%

height: 100%

text-align: center

}

</style>

<body>

<video  autoplay="autoplay" loop="loop">

      <source src="../img/wow1.0CG.MP4" type="video/ogg">

      <source src="../img/wow1.0CG.MP4" type="video/mp4">

</video>

</body>

style里面是视频大小高度100%宽度100%居中显示

SRC为你导入视频的地址

video里的属性可根据你自己需要改

视频:

<video id="video1" width="420" style="margin-top:15px">

    <source src="/example/html5/mov_bbb.mp4" type="video/mp4" />

    <source src="/example/html5/mov_bbb.ogg" type="video/ogg" />

    Your browser does not support HTML5 video.

  </video>

音频:

<audio src="song.ogg" controls="controls"></audio>

视频位置在网页的2边?用定位啊

 position:fixedleft:0top:20%

就行了。数值你自行改动


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8226838.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存