满屏自动播放的视频效果,代码如何写?

经常看到这种自动播放满屏的视频效果,放到自己网站上,对于品牌力度的提升作用可不小

代码如下:

<video src=”https://www.ecacting.com/bike.mp4” loop=”loop” muted=”muted” autoplay=”autoplay” style=”width:100%” ></video>

SRC中的地址替换成自己视频的地址即可。

这个代码中有一个很关键的属性:muted=”muted”,静音设置这个不可或缺,不然视频你设置了自动播放也不起作用。这可能是认为不静音的情况下,会打扰到浏览者。

制作这个视频还需要用到一些小工具

1.视频录制,可以用截图软件中的录屏功能

2.视频剪辑,可以用剪映

3.视频压缩,MAC系统我用的是premute 3

上面这个代码的视频是放在自己服务器的模式,如视频在第三方,比如在YouTube,规则并不相同。

YouTube的视频暂时搞不定,改天再研究看看,敬请期待!


结尾:跨境如戏-全靠演技-如没演技-完全没戏!
跨境电商发展很快,资讯更新快有效性短,胆子要大,行动要快,路子要野。
Jerry长期专注在独立站领域,要建站广告投放合作的朋友,请加微信号jerryxczc。

本文链接地址:https://www.ecacting.com/saas/2536 英雄不问来路,转载请注明出处,谢谢。
有话想说:那就赶紧加我微信吧.

Related Posts