Я делаю информационный бюллетень по электронной почте и хочу рассылать информационные бюллетени клиентам. В котором я хочу показывать своим клиентам видео с моего канала YouTube в режиме автовоспроизведения.
Я пробовал несколько HTML и CSS для этого, но не вижу его автовоспроизведения.
Я сделал это из своего локального видео, но хочу предоставить видео на своем канале YouTube.
Вот код для моего локального видео.
<!doctype html>
<html>
<head>
<title>Video in Email Test</title>
<style type="text/css">
.video-wrapper {display:none;}
@media (-webkit-min-device-pixel-ratio: 0) and (min-device-width:1024px)
{
.video-wrapper { display:block!important; }
}
@supports (-webkit-overflow-scrolling:touch) and (color:#ffffffff) {
div[class^=video-wrapper] { display:block!important; }
}
#MessageViewBody .video-wrapper { display:block!important; }
</style>
</head>
<body>
<B>Video in Email Test</B><BR>
<!-- video section -->
<div class="video-wrapper" style="display:none;">
<p>Video Content</p>
<video width="320" height="176" controls="controls" src="video/Photo Orange With Teglines_WhatsApp.mp4" autoplay muted >
<!-- fallback 1 -->
</video>
</div>
<!-- fallback section -->
</body>
</html>
Но я хочу использовать этот код для встраивания в моем новостном письме по электронной почте.
<!doctype html>
<html>
<head>
<title>Video in Email Test</title>
<style type="text/css">
.video-wrapper {display:none;}
@media (-webkit-min-device-pixel-ratio: 0) and (min-device-width:1024px)
{
.video-wrapper { display:block!important; }
}
@supports (-webkit-overflow-scrolling:touch) and (color:#ffffffff) {
div[class^=video-wrapper] { display:block!important; }
}
#MessageViewBody .video-wrapper { display:block!important; }
</style>
</head>
<body>
<B>Video in Email Test</B><BR>
<!-- video section -->
<div class="video-wrapper" style="display:none;">
<p>Video Content</p>
<iframe width="853" height="480" src="https://www.youtube.com/embed/u48etdTdscA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<!-- fallback section -->
</body>
</html>
Я хочу дать инструкцию по автовоспроизведению этого видео