Bạn đã thành công đăng ký ghostFam
Tuyệt! Next, complete checkout for full access to ghostFam
Chào mừng bạn quay trở lại! Bạn đã đăng nhập thành công.
Thành công! Tài khoản của bạn đã kích hoạt đầy đủ, bây giờ bạn có thể xem tất cả bài viết.
Thành công! Your billing info is updated.
Billing info update failed.

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
Cách đơn giản để tạo HTML Video Player Card cho Ghost ▶️

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

Thành viên Mở

Lỗi không đổi được địa chỉ email người gửi trong Ghost? Đây là cách 🤫

Cách tự sửa lỗi không thay đổi được email người gửi trong Ghost CMS.

Lỗi không đổi được địa chỉ email người gửi trong Ghost? Đây là cách 🤫
Thành viên Mở

Tự cài đặt Ghost CMS với DigitalOcean Marketplace tự động

Hướng dẫn tự cài đặt Ghost CMS tự động bằng DigitalOcean với một nút bấm.

Tự cài đặt Ghost CMS với DigitalOcean Marketplace tự động
Cường Trần

Cường Trần

Cường chuyên viết về giải pháp liên quan đến WordPress và Ghost, là một How-to blogger thực chiến.