ต่อไป »

[iammee]

ทำตัวเล่นวีดีโอ แบบ iframe แต่ยังไม่ได้เพิ่มเป็น src="" เปล่าๆๆ อยากทำ iframe default แก้ขัดไปก่อน

[iammee]

++ ดันๆๆๆ หน่อย

[BOS]

ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe

โค๊ด:

<div data-src="xxx.ooo">Hello, World.</div>

[helloweentz]

น่าสนใจเหมือนกัน ลองทำบ้างครับ 

[iammee]

ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe

โค๊ด:

<div data-src="xxx.ooo">Hello, World.</div>

ไม่มีความรู้เลยครับแบบนี้ แล้ว iframe ต้องใส่ยังไงทำ div js ยังไงครับ 

[vii]

ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe

โค๊ด:

<div data-src="xxx.ooo">Hello, World.</div>

ไม่มีความรู้เลยครับแบบนี้ แล้ว iframe ต้องใส่ยังไงทำ div js ยังไงครับ  

https://codepen.io/bestspacejam/pen/GQeveR

https://stackoverflow.com/ques...placeholder-content-for-iframe

[BOS]

ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe

โค๊ด:

<div data-src="xxx.ooo">Hello, World.</div>

ไม่มีความรู้เลยครับแบบนี้ แล้ว iframe ต้องใส่ยังไงทำ div js ยังไงครับ 

https://codepen.io/60ss/pen/WNLPNZr

[iammee]

ใส่ไปตรงๆเลยไม่ได้ครับ
ต้องประยุกต์ ใช้ js ช่วย แบบ preloader
ประมาณว่า สร้าง div มารอสักอัน จะใส่ข้อความ แต่ง css อะไรก็จัดไป
แล้วให้ใช้ js ตรวจจับว่า ใน div มี data-src ไหม ถ้ามีก็ให้ div กลายร่างเป็น iframe

โค๊ด:

<div data-src="xxx.ooo">Hello, World.</div>

ไม่มีความรู้เลยครับแบบนี้ แล้ว iframe ต้องใส่ยังไงทำ div js ยังไงครับ 

https://codepen.io/60ss/pen/WNLPNZr

พอดีผมใช้ตัวนี้ครับ [iframe id="player" class="player" src="" width="100%" height="500" allowfullscreen=""]

https://wordpress.org/plugins/iframe/

[BOS]

พอดีผมใช้ตัวนี้ครับ [iframe id="player" class="player" src="" width="100%" height="500" allowfullscreen=""]

https://wordpress.org/plugins/iframe/

งั้นก็ทำย้อนกลับ ให้ iframe ที่ไม่มี src กลายร่างเป็น div ครับ

https://codepen.io/60ss/pen/Jjwxwbw

[iammee]

พอดีผมใช้ตัวนี้ครับ [iframe id="player" class="player" src="" width="100%" height="500" allowfullscreen=""]

https://wordpress.org/plugins/iframe/

งั้นก็ทำย้อนกลับ ให้ iframe ที่ไม่มี src กลายร่างเป็น div ครับ

https://codepen.io/60ss/pen/Jjwxwbw

ไม่มีอะไรเกิดขึ้นเลยครับ

[iammee]

โค๊ด:

<?php
/*
Plugin Name: iframe
Plugin URI: http://wordpress.org/plugins/iframe/
Description: [iframe src="http://www.youtube.com/embed/dUpTjDqjQoo" width="100%" height="500"] shortcode
Version: 4.9
Author: webvitaly
Author URI: http://web-profile.net/wordpress/plugins/
License: GPLv3
*/

if ( ! defined( &#39;ABSPATH&#39; ) ) { // Avoid direct calls to this file and prevent full path disclosure
	exit;
}

define(&#39;IFRAME_PLUGIN_VERSION&#39;, &#39;4.9&#39;);

function iframe_plugin_add_shortcode_cb( $atts ) {
	$defaults = array(
		&#39;src&#39; => &#39;http://www.youtube.com/embed/dUpTjDqjQoo&#39;,
		&#39;width&#39; => &#39;100%&#39;,
		&#39;height&#39; => &#39;500&#39;,
		&#39;scrolling&#39; => &#39;yes&#39;,
		&#39;class&#39; => &#39;iframe-class&#39;,
		&#39;frameborder&#39; => &#39;0&#39;
	);

	$allowed_tags = array(
		&#39;h1&#39; => array(),
		&#39;h2&#39; => array(),
		&#39;h3&#39; => array(),
		&#39;h4&#39; => array(),
		&#39;h5&#39; => array(),
		&#39;h6&#39; => array(),
		&#39;p&#39; => array(),
		&#39;a&#39; => array(
            &#39;href&#39; => true,
            &#39;title&#39; => true,
        ),
        &#39;br&#39; => array(),
        &#39;em&#39; => array(),
        &#39;strong&#39; => array()
	);

	foreach ( $defaults as $default => $value ) { // add defaults
		if ( ! @array_key_exists( $default, $atts ) ) { // mute warning with "@" when no params at all
			$atts[$default] = $value;
		}
	}

	$html = "
".&#39;<!-- iframe plugin v.&#39;.IFRAME_PLUGIN_VERSION.&#39; wordpress.org/plugins/iframe/ -->&#39;."
";
	$html .= &#39;<iframe&#39;;
	foreach( $atts as $attr => $value ) {
		if ( strtolower($attr) == &#39;src&#39; ) { // sanitize url
			$value = esc_url( $value );
		}
		if ( strtolower($attr) == &#39;srcdoc&#39; ) { // sanitize html
			$value = htmlspecialchars_decode( $value );
			$value = wp_kses( $value, $allowed_tags );
			$value = esc_html( $value );
		}
		// Remove all attributes starting with "on". Examples: onload, onmouseover, onfocus, onpageshow, onclick
		if ( strpos( strtolower( $attr ), &#39;on&#39; ) !== 0 ) {
			if ( $value != &#39;&#39; ) { // adding all attributes
				$html .= &#39; &#39; . esc_attr( $attr ) . &#39;="&#39; . esc_attr( $value ) . &#39;"&#39;;
			} else { // adding empty attributes
				$html .= &#39; &#39; . esc_attr( $attr );
			}
		}
	}
	$html .= &#39;></iframe>&#39;."
";

	if ( isset( $atts["same_height_as"] ) ) {
		$html .= &#39;
			<script>
			document.addEventListener("DOMContentLoaded", function(){
				var target_element, iframe_element;
				iframe_element = document.querySelector("iframe.&#39; . esc_attr( $atts["class"] ) . &#39;");
				target_element = document.querySelector("&#39; . esc_attr( $atts["same_height_as"] ) . &#39;");
				iframe_element.style.height = target_element.offsetHeight   "px";
			});
			</script>
		&#39;;
	}

	return $html;
}
add_shortcode( &#39;iframe&#39;, &#39;iframe_plugin_add_shortcode_cb&#39; );


function iframe_plugin_row_meta_cb( $links, $file ) {
	if ( $file == plugin_basename( __FILE__ ) ) {
		$row_meta = array(
			&#39;support&#39; => &#39;<a href="http://web-profile.net/wordpress/plugins/iframe/" target="_blank">&#39; . __( &#39;Iframe&#39;, &#39;iframe&#39; ) . &#39;</a>&#39;,
			&#39;donate&#39; => &#39;<a href="http://web-profile.net/donate/" target="_blank">&#39; . __( &#39;Donate&#39;, &#39;iframe&#39; ) . &#39;</a>&#39;,
			&#39;pro&#39; => &#39;<a href="https://1.envato.market/Ym5aq" target="_blank">&#39; . __( &#39;Advanced iFrame Pro&#39;, &#39;iframe&#39; ) . &#39;</a>&#39;
		);
		$links = array_merge( $links, $row_meta );
	}
	return (array) $links;
}
add_filter( &#39;plugin_row_meta&#39;, &#39;iframe_plugin_row_meta_cb&#39;, 10, 2 );

ใครพอช่วยแก้ได้ไหมครับ