Tutorial 2x Suggestion Free YouTube Sharing - Ẩn đề xuất chia sẻ Youtube XenForo 2

PVS

Generalissimo
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,961
Được Like
12,452
Suggestion Free YouTube Sharing - Ẩn đề xuất chia sẻ Youtube XenForo 2

Nhiều người đang chia sẻ video YouTube trên trang của họ hoặc trên các trang khác hàng ngày.

Một số người muốn ẩn đề xuất video hiển thị sau khi video hoàn thành được chia sẻ, vì vậy bài viết này sẽ ẩn phần chia sẻ video này bằng cách sửa đổi BB Code mặc định của YouTube cho Media Site.

Cách làm như sau:
  1. Đăng nhập vào ACP của bạn.
  2. Nhấp vào BB Code Media Sites dưới Content.
  3. Cuộn xuống và nhấp vào YouTube.
  4. Tiếp tục cuộn và tìm hộp Embed template.
  5. Thay tất cả đoạn code trong đó bằng đoạn code sau:
    Mã:
    <div align="center">
    <style>#playerWrap{display: inline-block; position: relative;}#playerWrap.shown::after{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 64px 64px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);}</style><div id="playerWrapOuter"> <div id="playerWrap"> <iframe width="640" height="360" src="https://www.youtube.com/embed/{$id}?rel=0&enablejsapi=1" frameborder="0" ></iframe></div></div><script>(function(){let playerFrame=document.currentScript.previousElementSibling.querySelector("iframe"); let tag=document.createElement('script'); tag.src="https://www.youtube.com/iframe_api"; let firstScriptTag=document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); let player; window.onYouTubeIframeAPIReady=function(){player=new YT.Player(playerFrame,{events:{'onStateChange': onPlayerStateChange}});}; window.onPlayerStateChange=function(event){if (event.data==YT.PlayerState.ENDED){document.getElementById("playerWrap").classList.add("shown");}}; document.getElementById("playerWrap").addEventListener("click", function(){player.seekTo(0); document.getElementById("playerWrap").classList.remove("shown");});})();</script>
    </div>
Lưu lại là xong.

Hướng dẫn này chỉ thay đổi một phần mã chia sẻ, cách chia sẻ video YouTube sẽ vẫn như cũ.

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

PhuongBinzz

StaffSergeant
Tham gia
21/07/2016
Bài viết
1,030
Được Like
382
vậy tính ra mã ngày nhiều line hơn :D
Mã:
<div class="bbMediaWrapper">
    <div class="bbMediaWrapper-inner">
        <iframe src="https://www.youtube.com/embed/{$id}?wmode=opaque&start={$start}"
                width="560" height="315"
                frameborder="0" allowfullscreen="true"></iframe>
    </div>
</div>
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom