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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
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

Moderator
Thành viên BQT
Tham gia
21/07/2016
Bài viết
1,189
Được Like
440
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

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom