Cách đơn giản để tạo HTML Video Player Card cho Ghost ▶️

Cách tự tạo Video Player Card bằng HTML card cho Ghost.

Cường Trần
Cường Trần
1 phút đọc . bình luận

Ghost không có sẵn video player card để dùng, nhưng bạn vẫn có thể tạo một video player tương tự WordPress Video Block bằng HTML Card.

Video Player Card
<figure>
	<video width="100%" height="100%" controls autoplay loop muted preload="metadata">
		<source src="https://video-cua-ban.mp4" type="video/mp4">
	</video>
</figure>

Bạn có thể chuyển sang bố cục rộng bằng cách thay đổi giá trị width="1400"

<figure>
	<video width="1400" height="100%" controls autoplay loop muted preload="metadata">
    	<source src="https://video-cua-ban.mp4" type="video/mp4">
	</video>
</figure>

Bạn có thể tắt chức năng tự động chạy bằng cách bỏ  autoplay

<figure>
	<video width="100%" height="100%" controls loop muted preload="metadata">
    	<source src="https://video-cua-ban.mp4" type="video/mp4">
	</video>
    <figcaption>Caption cho video của bạn</figcaption>
</figure>

Chú ý: bạn cần phải có tag <figure> như trên nếu không muốn video off-screen

Nguồn Video bạn cần tải lên hosting khác.

Còn nếu bạn muốn dùng Youtube thì cứ dán link vào như bình thường, Ghost sẽ tự oEmbed render link Youtube thành Video Player tự động.

Hướng Dẫn

Bạn có thể quan tâm

Hướng Dẫn

Cách sử dụng Ghost Comment đúng cách - Hướng dẫn chi tiết

Ghost có tính năng bình luận tích hợp, được gọi là ghost comment, tính năng này được thêm vào giúp ghost hoàn thiện hơn tính năng thành viên vốn rất mạnh của ghost.

Cách sử dụng ghost comment đúng cách - Hướng dẫn chi tiết
Hướng Dẫn

Cách tạo email tên miền riêng miễn phí với Cloudflare từ A-Z

Hướng dẫn chi tiết cách tạo email tên miền riêng miễn phí để gửi và nhận email chuyên nghiệp bằng Cloudflare Email Route.

Cách tạo email tên miền riêng miễn phí với Cloudflare từ A-Z
Hướng Dẫn

Cung cấp tên website Ghost cho Google tìm kiếm

Hướng dẫn khai báo tên website cho Google tìm kiếm với ghost CMS.

Cung cấp tên website Ghost cho Google tìm kiếm
Cường Trần

Cường Trần

Mình muốn chia sẻ với bạn những bí quyết và kiến thức quan trọng để bạn có thể tạo ra một blog chất lượng với Ghost CMS. Hãy cùng khám phá những điều thú vị trong quá trình xây dựng nhé!

Cường Trần

@Cường Trần