* Bây giờ, ta sẽ rinh 1 Video clip yêu thích từ Youtube về Blog với tính năng tự chạy để làm nhạc nền.Chúng ta sẽ bắt đầu các bước để thực hiện việc làm chủ 1 Video clip từ Youtube như sau:
- Truy cập vào trang Youtube trình chiếu Video clip bạn muốn rinh về.
- Nhấn vào nút Share để tiến hành các bước lấy mã chèn. Cửa sổ sẽ bung ra như sau.
- Nhấn tiếp nút Embed để hiện cửa sổ chứa Code và các tùy chỉnh Code.
- Cửa sổ tùy chỉnh Embed code sẽ hiện ra:
- Suggested Videos sau khi xem xong.
- Đây là đoạn Embed Code mới của Youtube, đoạn Code này sẽ khó tùy chỉnh vì nó ẩn hầu hết các khóa lệnh rồi.
<iframe width="420" height="315"
src="http://www.youtube.com/embed/6_ePYRcNFoY" frameborder="0"
allowfullscreen></iframe>
- Vì thế ta sẽ không sử dụng nó mà dùng đoạn Embed Code cũ của Youtube bằng cách click chọn tùy chọn Use old embed code. Và đây là đoạn Embed code cũ:
<object width="420"
height="315"><param name="movie"
value="http://www.youtube.com/v/6_ePYRcNFoY?version=3&hl=en_US&rel=0"></param><param
name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/6_ePYRcNFoY?version=3&hl=en_US&rel=0"
type="application/x-shockwave-flash" width="420" height="315"
allowscriptaccess="always"
allowfullscreen="true"></embed></object>
- Ta có thể phân chia nó thành từng khóa lệnh cho dễ nhìn:
<object width="420" height="315">
<param name="movie" value="http://www.youtube.com/v/6_ePYRcNFoY?version=3&hl=en_US&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed
src="http://www.youtube.com/v/6_ePYRcNFoY?version=3&hl=en_US&rel=0"
type="application/x-shockwave-flash" width="420" height="315"
allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
- Ta cũng có thể giản lược các râu ria không cần thiết để nhìn cho đơn giản, cụ thể là bỏ đoạn đầu, phần Code đơn giản còn lại sẽ chỉ là khóa lệnh embed.
<embed src="http://www.youtube.com/v/6_ePYRcNFoY?version=3&hl=en_US&rel=0"
type="application/x-shockwave-flash" width="420" height="315"
allowscriptaccess="always" allowfullscreen="true"></embed>
- Phần ký tự bôi đỏ chính là địa chỉ của File Video clip của ta. Ta tạm ký hiệu là VIDEO_ID
- Lệnh kích hoạt chức năng Autoplay và Repeat là: &autoplay=1&loop=1&playlist=VIDEO_ID với 1 tương ứng với giá trị là BẬT và 0 tương ứng với giá trị là TẮT.
- Vấn đề là ta sẽ phải thêm lệnh trên vào chỗ nào trong đoạn Embed code của Youtube đã lấy được. Câu trả lời là ngay sau cái VIDEO_ID mà ta đã xác định được ở trên. Và đoạn Embed code với đầy đủ tính năng Autoplay & Repeat sẽ là: (Phần màu vàng, in đậm chính là đoạn được thêm vào)
<embed src="http://www.youtube.com/v/6_ePYRcNFoY&autoplay=1&loop=1&playlist=6_ePYRcNFoY?version=3&hl=en_US&rel=0"
type="application/x-shockwave-flash" width="420" height="315"
allowscriptaccess="always" allowfullscreen="true"></embed>
*** Lưu ý: Việc chèn thêm lệnh này vào phải liền tục với các ký tự trước và sau nó, không có dấu cách (khoảng trắng).
- Ta cũng cần lưu ý đến 2 khóa width= và height= trong đoạn code trên, tùy chỉnh chúng để Video clip hiển thị lớn nhỏ theo ý thích. Và nếu muốn ẩn Video clip đi để làm nhạc nền thì thay 2 thông số đó =1.
- Và sau này, bạn có thể lưu đoạn Embed Code này lại làm mẫu, với các Video clip khác trên Youtube, chỉ cần xác định chính xác VIDEO_ID của nó, rồi thay thế vào 2 vị trí VIDEO_ID trong đoạn Embed code này là xong.
<embed src="http://www.youtube.com/v/6_ePYRcNFoY&autoplay=1&loop=1&playlist=6_ePYRcNFoY?version=3&hl=en_US&rel=0"
type="application/x-shockwave-flash" width="420" height="315"
allowscriptaccess="always" allowfullscreen="true"></embed>
Thế
là xong, từ bây giờ mọi Video clip từ Youtube đều đã thuộc về bạn, sẽ
không còn phải thấy khó chịu vì khi đem về blog nhà, chúng chẳng thể tự
động chơi và lặp lại được nữa. Bạn sẽ không cần phải đi tìm chỗ để nó
trên trang blog bề bộn của mình, click vào nút Play cho mỏi tay và mau
hư chuột nữa. Nhưng cảnh báo: nghe nhiều quá và liên tục có thể ảnh
hưởng đến thính giác. :))
nguồn:bongnguoilangle.blogspot.com
No comments:
Post a Comment