Article

AI Video Ads

жанар атибаеважанар атибаева2025-09-16

<style>
.chat-container {
width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
overflow-x: hidden;
}
.message {
display: flex;
margin-bottom: 10px;
}
.message-content {
width: 100%;
padding: 10px;
border-radius: 10px;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
box-sizing: border-box;
}
.human {
justify-content: flex-end;
}
.human .message-content {
background-color: #f4f4f4;
}
.assistant {
justify-content: flex-start;
}
.message-content img, .message-content video {
max-width: 100%;
height: auto;
object-fit: contain;
}
.message-content * {
max-width: 100%;
box-sizing: border-box;
}
.post-content {
max-width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
overflow-x: hidden;
}
.html-preview-container {
margin: 10px 0;
width: 100%;
position: relative;
}
.html-preview-iframe {
width: 100%;
height: 500px;
border: 1px solid #ddd;
border-radius: 4px;
}
</style>
<div class="chat-container post-content">

    <div class="message human">
      <div class="message-content"></div>
    </div>
  
    <div class="message ai">
      <div class="message-content"><p><video class="video-element" controls="" type="video" loop="" src="https://app.giz.ai/api/tempFiles/Cy9HcwX7LYldjv9iTF3mB.mp4"></video></p>

</div>
</div>

  </div>
0