Nhúng responsive Youtube video vào forum Xenforo

Thảo luận trong 'Thủ thuật Xenforo' bắt đầu bởi Admin, 14/6/14.

Đọc: 2,374

  1. Admin Administrator

    Hướng dẫn này sẽ giúp bạn nhúng responsive Youtube video vào forum xenforo của mình, tức là video Youtube được nhúng vào website của bạn sẽ tự động thay đổi chiều dài và chiều rộng để phù hợp với mọi kích cỡ màn hình, dù xem trên máy tính hay trên điện thoại thì video của bạn vẫn vừa khít với màn hình...

    [​IMG]

    Tut này chỉ áp dụng với các video nhúng từ youtube, video từ các nguồn khác các bạn tự chỉnh sửa cho phù hợp.
    Bắt đầu thôi, các bạn vào Admin CP > BB Code Media Sites > YouTube, thay phần Embed HTML bằng đoạn code sau:
    HTML:
    <div class="responsiveVideoContainer">
        <iframe width="500" height="300" src="https://www.youtube.com/embed/{$id}?wmode=opaque" frameborder="0" allowfullscreen></iframe>
    </div>
    Lưu lại, sau đó thêm vào template EXTRA.css đoạn code sau:
    Mã:
    .responsiveVideoContainer
    {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
        margin-bottom: 10px;
    }
    
    .responsiveVideoContainer iframe
    {
        margin-bottom: 10px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    Lưu lại và mọi thứ đã hoàn thành!
    thành lê thích bài này.
  2. xgr3d

    xgr3d New Member

    trang web cua ban hon ca tuyet voi. cam on nhieu.
    Admin thích bài này.
  3. denled3d3012

    denled3d3012 New Member

    Big Ben là một công trình tháp đồng hồ ở mặt Đông-Bắc của công trình Nhà quốc hội ở Westminster, London, Anh. Mặc dù được biết đến rộng rãi với cái tên Big Ben, nhưng thực ra, tên này chính là tên của cái chuông đặt bên trong tháp. Tháp còn hay bị gọi nhầm là St. Stephen's Tower.

    [​IMG]

    Thiết kế 61 m đầu tiên của kết cấu là tháp đồng hồ, bao gồm gạch xây phủ đá; phần còn lại chiều cao của tháp là kiến trúc hình chóp bằng gang. Móng rộng 15 x 15 m, bê tông dày 3 m, sâu 7 m dưới đất. Trọng lượng tháp 9553 tấn. Bốn mặt đồng hồ cao 55 m trên mặt đất. Do điều kiện nền đất kể từ khi được xây dựng đến nay, tháp hơi nghiêng về phía Tây-Bắc, khoảng 220 mm. Do hiệu ứng nhiệt, tháp lắc lư hướng Đông Tây một chút hàng năm.

    [​IMG]

    Mặt chiếc đồng hồ to lớn đủ để tháp Big Ben từng nổi tiếng với cái tên "Chiếc đồng hồ bốn mặt lớn nhất thế giới". Tới hiện tại, Big Ben vẫn được gọi là "chiếc đồng hồ bốn mặt có chuông lớn nhất thế giới". Hệ thống máy móc của đồng hồ Big Ben (thực ra Big Ben chỉ là tên gọi thông tục của chiếc chuông chính nặng 13 tấn được treo ở chiếc Tháp-Đồng hồ này) đã được hoàn thành từ năm 1854 nhưng tòa tháp lại được hoàn thành sau đó 4 năm - năm 1858.

    [​IMG]

    Với ánh sáng trong trẻo và nhiệt độ thấp, đèn Led 3D tháp Bigben là lựa chọn hoàn hảo để trưng bày trong phòng khách, phòng ngủ– tạo điểm nhấn, thu hút mọi người, tạo sự mới mẻ, tươi vui, hoặc là đặt tại phòng khách của bạn, trong quán rượu, các câu lạc bộ, nhà hàng, quán bar… như một ngọn đèn đêm diệu kỳ, mờ ảo và cũng có thể là bất cứ nơi nào bạn muốn.

    Vậy thì bạn không thể bỏ lỡ 1 chiếc Đèn led 3D tháp bigben “made in Việt Nam” được thiết kế tinh sảo đẹp mắt, kết hợp nhiều tính năng hấp dẫn hứa hẹn sẽ mang đến nhiều thú vị cho người được tặng món quà này. Đèn led 3D tháp bigben hiện đang rất hot, hãy nhanh tay mua ngay cho mình hoặc làm quà tặng bạn bè người thân nhé.

    Thông số kỹ thuật đèn led 3d
    o Kích thước: 170 x 100 x 280 mm
    o Điện áp: 5V, 0.5A
    o Loại đầu cắm: cổng USB
    o Thời gian sử dụng LED: 50.000 giờ
    o Trọng lượng : 0.5 kg
    o Giá 300.000 đ/bộ bao gồm: 1 đế LED liền cáp USB, điều khiển, 1 tấm kính acrylic khắc hình 3D chưa bao gồm phí Ship.

    Điện thoại: Call 0972.841.191 - (Zalo) 01269.266.888

    Địa chỉ: 337/67/16C Cầu Giấy, Q Cầu Giấy, Hà Nội

Chia sẻ trang này