问题描述
有没有办法换出图像 URL 并将其替换为视频文件以用作背景视频而不是图像?
echo '<style type="text/css" media="screen">
body.front-page {
background-image: url(' . esc_html( $image ) . ');
</style>';
我需要将视频应用到这个 body.front-page 类,但不确定最好的方法是什么,但我更喜欢使用 PHP。
解决方法
首先你应该像这样放置一个视频:
<video autoplay muted loop id="myVideo">
<source src="rain.mp4" type="video/mp4">
</video>
然后添加一些CSS来发送背景:
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}
工作示例: https://www.w3schools.com/howto/howto_css_fullscreen_video.asp